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内 容 简 介 


ASP. NET 是 基于 . NET 平台 开发 动态 Web 应 用 程序 的 技术 , 它 是 . NET 框架 的 一 部 分 。 本 书 采 
用 C# 语 言 讲解 ASP. NET 的 核心 技术 ,由 浅 入 深 、 循 序 渐进 ,采用 典型 的 项 目 载体 ,采取 课 内 外 项 目 并 
11 .工作 过 程 项 目 化 的 模式 ,系统 地 介绍 ASP. NET 系统 架构 与 逻辑 设计 、 实 体 设 计 与 多 层 依赖 数据 库 
访问 与 实现 动态 Web 界面 设计 与 编码 .Excel 高 级 报表 、 数 据 查 询 统 计 等 高 级 编码 技术 和 方法 。 为 了 
便于 读者 全 面 掌握 程序 设计 技术 和 规范 ,深刻 体会 编程 的 乐趣 ,最 后 给 出 一 个 综合 性 的 实战 项 目 ,全 面 
讲述 了 Web 应 用 系统 的 开发 全 过 程 。 

本 书 是 作者 在 多 年 实践 教学 过 程 中 总 结 提炼 而 成 的 ,采用 了 * 工 作 过 程 项 目 化 ”的 教学 流程 进行 内 
容重 组 ,通过 示例 讲解 知识 点 和 技能 点 , 课 内 主 训 一 个 项 目 , 课 外 并 行 实战 一 个 项 目 , 通 过 项 目 导入 ( 导 
和 信 课 内 训练 项 目的 项 目 场 景 .引导 问题 )、 技 术 与 知识 准备 ( 讲 、 练 “ 课 内 主讲 项 目 或 示例 ”)、 项 目 训练 ( 完 
成 课 内 训练 项 目 )、 平 行 项 目 训练 (完成 平行 项 目 ) 的 流程 实现 本 书 单元 内 容 编 写 。 

为 方便 教学 ,本 书 可 提供 教学 课件 和 各 单元 源 代码 程序 。 

本 书 可 作为 高 职高 专 、 应 用 型 本 科 院 校 相关 专业 的 教材 ,也 可 作为 编程 爱好 者 的 参考 书 。 


本 书 封面 贴 有 清华 大 学 出 版 社 防伪 标签 ,无 标签 者 不 得 销售 。 
版 权 所 有 ,侵权 必 究 。 侵 权 举 报 电话 : 010-62782989 13701121933 
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(21 世纪 计算 机 科学 与 技术 实践 型 教程) 
序 


21 世纪 影响 世界 的 三 大 关键 技术 : 以 计算 机 和 网 络 为 代表 的 信息 技术 ;以 基因 工程 
为 代表 的 生命 科学 和 生物 技术 ;以 纳米 技术 为 代表 的 新 型 材料 技术 。 信 息 技 术 居 三 大 关 
键 技术 之 首 。 国 民 经 济 的 发 展 采 取信 息 化 带动 现代 化 的 方针 ,要 求 在 所 有 领域 中 迅速 推 
广 信息 技术 ,导致 需要 大 量 的 计算 机 科学 与 技术 领域 的 优秀 人 才 。 

计算 机 科学 与 技术 的 广泛 应 用 是 计算 机 学 科 发 展 的 原动力 ,计算 机 科学 是 一 门 应 用 
科学 。 因 此 ,计算 机 学 科 的 优秀 人 才 不 仅 应 具有 坚实 的 科学 理论 基础 ,而 且 更 重要 的 是 能 
将 理论 与 实践 相 结合 ,并 具有 人 解决 实际 问题 的 能 力 。 培 养 计算 机 科学 与 技术 的 优秀 人 才 
是 社会 的 需要 、 国 民 经 济 发 展 的 需要 。 

制订 科学 的 教学 计划 对 于 培养 计算 机 科学 与 技术 人 才 十 分 重要 ,而 教材 的 选择 是 实 
施 教学 计划 的 一 个 重要 组 成 部 分 《21 世纪 计算 机 科学 与 技术 实践 型 教程 ) 主 要 考虑 了 下 
述 两 方面 。 

一 方面 ,高 等 学 校 的 计算 机 科学 与 技术 专业 的 学 生 ,在 学 习 了 基本 的 必修 课 和 部 分 选 
修 课 程 之 后 ,立刻 进行 计算 机 应 用 系统 的 软件 和 硬件 开发 与 应 用 尚 存在 一 些 困难 ,而 《21 世 
纪 计 算 机 科学 与 技术 实践 型 教程 》 就 是 为 了 填补 这 部 分 空白 。 将 理论 与 实际 联系 起 来 ,使 
学 生 不 仅 学 会 了 计算 机 科学 理论 ,而且 也 学 会 了 应 用 这 些 理论 解决 实际 问题 。 

另 一 方面 ,计算 机 科学 与 技术 专业 的 课程 内 容 需 要 经 过 实践 练习 ,才能 深刻 理解 和 掌握 。 
因此 ,本 套 教材 增强 了 实践 性 ,应 用 性 和 可 理解 性 ,并 在 体例 上 做 了 改进 一 一 使 用 案例 说 明 。 

实践 型 教学 占有 重要 的 位 置 ,不 仅 体现 了 理论 和 实践 紧密 结合 的 学 科 特 征 ,而 且 对 于 提 
高 学 生 的 综合 素质 ,培养 学 生 的 创新 精神 与 实践 能 力 有 特殊 的 作用 。 因 此 ,研究 和 撰写 实践 
型 教材 是 必需 的 ,也 是 十 分 重要 的 任务 。 优 秀 的 教材 是 保证 高 水 平 教学 的 重要 因素 ,选择 水 
平 高 ,内 容 新 、 实 践 性 强 的 教材 可 以 促进 课堂 教学 质量 的 快速 提升 。 在 教学 中 ,应 用 实践 型 
教材 可 以 增强 学 生 的 认 知 能 力 、 创 新 能 力 、 实 践 能 力 以 及 团队 协作 和 交流 表达 能 力 。 

实践 型 教材 应 由 教学 经 验 丰 富 、 实 际 应 用 经 验 丰富 的 教师 撰写 。 此 系列 教材 的 作者 
不 但 从 事 多 年 的 计算 机 教学 ,而 且 参 加 并 完成 了 多 项 计算 机 类 的 科研 项 目 , 他 们 把 积累 的 
经 验 、 知 识 、 智 慧 、 素 质 融 于 教材 中 ,奉献 给 计算 机 科学 与 技术 的 教学 。 

我 们 在 组 织 本 系列 教材 过 程 中 ,虽然 经 过 了 详细 的 思考 和 讨论 ,但 毕竟 是 初步 的 尝 
试 ,不 完善 甚至 缺陷 不 可 避免 , 敬 请 读者 指正 。 


本 系列 教材 主编 MS] 
2005 年 1 月 于 北京 
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微软 公司 推出 的 ASP. NET 技术 ,以 其 成 功 的 发 展 战 略 和 技术 本 身 的 无 限 魅 力 ,在 
短 短 几 年 的 时 间 里 取得 骄 人 的 成 绩 ,受到 行业 专业 人 士 和 学 习 者 的 青睐 。 

本 书 主要 基于 岗位 技能 ,软件 流程 和 规范 ,采取 了 “工程 过 程 项 目 化 ”的 编写 模式 进行 
编写 的 ,是 教学 团队 结合 “ 产 教 融 合 、 产 学 并 行 ” 的 教学 改革 和 实践 总 结 出 来 的 教学 模式 和 
教学 内 容 的 展现 ,团队 经 过 筛选 和 提炼 后 ,确定 典型 项 目 作 为 教学 内 容 载体 ,更 适合 以 应 
用 能 力 为 本 位 的 高 职高 专 和 应 用 本 科 的 教学 及 训练 的 要 求 。 

该 书 通过 项 目 导 入 提出 问题 ,通过 技术 与 知识 准备 ,解决 问题 并 掌握 相应 的 技术 和 方 
法 ,然后 回 到 项 目 训练 完成 项 目 , 再 通过 并 行 项 目 进 一 步 训练 ,达到 巩固 和 举一反三 的 训 
练 效果 ,实现 了 课 内 外 项 目 并 行 推进 的 教学 形式 。 本 书 打破 了 传统 的 学 科 章节 和 硬 项 目 
化 编写 形式 ,采取 了 产 学 并 行 的 形式 进行 内 容 组 编 , 全 书 共 分 十 章 , 最 后 一 章 通过 综合 项 
目 训练 学 生 技 能 ,进一步 提高 学 生 的 应 用 实践 能 力 ,体现 了 * 做 中 学 .学 中 产 ” 的 实 训 教学 
思想 。 该 书 主要 内 容 如 下 : 

第 1 章 ASP. NET 系统 架构 与 逻辑 设计 。 

第 2 章 实体 设计 与 多 层 依赖 。 

第 3 章 数据 库 访问 与 实现 。 

第 4 章 动态 Web 界面 设计 与 编码 。 

第 5 章 数据 绑 定 与 高 级 编码 。 

第 6 章 WebService 和 Ajax 应 用 。 

第 7 章 数据 导入 .导出 与 报表 。 

第 8 章 系统 优化 与 测试 。 

第 o 章 系统 发 布 与 部 署 。 

第 10 章 综合 项 目 实 训 。 

本 书 由 沈 荀 梅 . 童 文俊 、 符 锤 主编 , 郑 广 成 、 顾 莲 莲 、. 沈 昱 副 主 编 , 沈 荀 梅 负 责 统 稿 , 何 
光明 、 王 珊 丙 \ 卢 振 侠 、 石 雅 琴 、 曹 冬 梅 . 陈 莉 萍 等 参与 了 部 分 章节 的 校对 工作 。 在 本 书 的 
编写 过 程 ,得 到 了 苏州 吉 耐 特 信息 科 技 有 限 公司 孔 小 兵 、 江 苏 微软 技术 中 心 朱 新 立 两 位 工 
程 师 的 参与 和 资源 支持 ,属于 一 本 校 企 合作 教材 。 该 书 根据 技术 模块 设置 单元 ,根据 典型 
项 目 设计 内 容 载体 ,通过 课 内 外 两 个 项 目 并 行 推进 来 提高 学 生 的 应 用 能 力 和 创新 能 力 , 具 
有 实战 性 .可 操作 人 性、 新颖 性 .通俗 性 和 项 目 过 程 化 的 特点 ,更 加 激发 学 生 学 习 兴 趣 和 主动 
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性 。 为 方便 教学 ,本 书 配 有 教学 课件 和 各 单元 源 代 码 程序 ,读者 可 登录 清华 大 学 出 版 社 网 
站 下 载 。 

由 于 时 间 仓促 ,再 加 上 编者 水 平 有 限 , 书 中 难免 有 错误 和 玻 漏 之 处 ,和 敬 请 广大 读者 批 
评 指正 。 


作 者 
2016 年 2 月 
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$8 13€ ASP.NET 系统 
架构 与 逻辑 设计 


本 章 要 点 : 

。 搭建 ASP. NET 开发 环境 

。 搭建 系统 架构 

。 创建 数据 库 

技能 目标 : 

。 会 搭建 系统 架构 

。 能 绘制 功能 模块 图 ,确定 系统 数据 库 


1.1 3 B 5-7 


【项 目 场景 】 


时 光 飞 逝 ,我 们 即将 离开 美丽 的 校园 。 作 为 软件 1114 班 的 一 员 ,小 张 对 班级 和 同学 
都 有 着 深厚 的 感情 ,他 如 何 表达 这 种 对 班级 的 独特 情感 ,如 何在 离开 学 校 后 还 能 留守 这 份 


真情 呢 ? 他 决定 用 一 个 班级 特有 的 网 站 ,记录 三 年 来 班级 里 的 点 点 滴 滴 , 体 现 他 对 班级 的 
情 有 独 钟 。 


【问题 引导 了 


(1) 如 何 搭建 系统 架构 。 

(2) 如 何 确定 系统 功能 模块 。 
(3) 班级 网 站 有 哪些 数据 表 。 
(4) 用 什么 工具 开发 系统 。 


1.2 技术 与 知识 准备 


1.2.1 ASP. NET 介绍 


目前 开发 动态 网 站 的 主要 技术 有 ASP. NET、JSP、PHP、ASP 等 ,其 中 ASP. NET 是 
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基于 . NET 平台 创建 动态 网 页 的 一 种 服务 器 端 技 术 , 是 基于 B/S 的 应 用 程序 ,使 用 它 可 
创建 动态 可 交互 的 Web 页 面 。 在 微软 的 . NET 战略 中 ,ASP. NET 是 其 中 的 一 项 核心 技 
术 , 是 . NET Framework 的 重要 组 成 部 分 。. NET Framework 包括 两 个 重要 组 件 : . NET 
Framework 类 库 和 公共 语言 运行 时 ,编写 ASP. NET 页 面 需 要 用 到 . NET Framework 的 
框架 类 库 和 公共 语言 运行 时 。 

ASP. NET、. NET Framework 以 及 Visual Studio 的 版 本 一 直 以 来 都 在 不 断 地 更 
新 ,在 这 些 版 本 中 ,具有 革命 性 意义 的 是 ASP. NET 2. 0、. NET Framework2.0 以 及 
Visual Studio2005. . NET Framework2. 0 的 出 现 标志 着 . NET Framework 真正 走向 成 
34. ASP. NET 3.5 在 沿用 了 ASP. NET 2. 0 的 优势 下 又 加 入 了 C#3.0、LINQ、ASP 
. NET AJAX 3.5 和 REST 等 元 素 。ASP. NET 4.0, . NET Framework4. 0 以 及 Visual 
Studio2010 是 微软 2010 年 4 月 发 布 的 ,在 新 的 版 本 中 ,微软 解决 了 只 能 提示 不 友好 、Web 
部 署 复杂 等 诸多 问题 ,并 且 添 加 了 支持 多 显示 器 支持 TDD, PHASE JQuery 等 新 特性 。 
在 ASP. NET 4.0 中 新 增 了 SEO 优化 支持 .ASP.NET MVC, QueryExtender 服务 器 控 
件 等 。 本 书 采用 的 是 微软 最 新 发 布 的 ASP. NET 4.5、. NET Framework4. 5 以 及 Visual 
Studio2012, . NET Framework 4.5 包括 ASP. NET 4. 5 增强 功能 。Visual Studio 2012 
还 包括 增强 功能 和 新 功能 的 增强 的 Web 开发 。 具 体 版 本 演进 历程 如 表 1.1 所 示 。 


表 1.1 ASP.NET、.NET Framework, Visual Studio 版 本 演进 历史 


序 号 Visual Studio 版 本 .NET Framework 版 本 ASP.NET 版 本 
1 VS2002 2 1 
2 VS2003 1.1 1.1 
3 VS2005 2 2 
4 VS2008 3/3.5 3.5 
5 VS2010 4 4 
6 VS2012 4.5 4.5 


1.2.2 B/S 系统 搭建 技术 


【步骤 1] 创建 解决 方案 。 

使 用 解决 方案 可 以 将 多 个 文件 夹 以 树 型 结构 方式 组 织 成 一 体 ,使 得 项 目 结构 清晰 。 
选择 “文件 ”一 “新 建 ”>“ 项 目 ”, 在 弹出 的 新 建 项 目 中 ,展开 已 安装 的 模板 中 的 “其 他 项 目 
类 型 ?节点 ,选择 “Visual Studio 解决 方案 ”, 并 更 改名 称 为 “News”, 如 图 1.1 所 示 。 

【步骤 2] 添加 实体 层 。 

CD 右 击 解决 方案 ,选择 “添加 ”一 “新 建 项 目 ”, 如 图 1.2 所 示 。 

(2) 在 添加 新 项 目的 对 话 框 中 ,在 左边 已 安装 的 模板 中 选择 Visual C# ,中 间 选 择 
“类 库 ”, 然 后 为 实体 层 命 名 ,命名 的 一 般 规则 是 ,实体 层 的 项 目 命 名 为 解决 方案 名 十 
Model, 即 “NewsModel”, 如 图 1. 3 所 示 。 
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NET Framework 45 ~ RIRE: nul Ct 


Vic n 全 


p Te 


图 1.1 【新 建 项 目 ] 对 话 框 


图 1.2 新 建 项 目 


NET Framework 4.5 。 - STIRE: BAB REREOSMERICUI E) 
E e aman Volce D RE Viaaics 
s 用 于 名 建 Cz e CdI in 
Dj wase Vaai ca 
Dom pd eus c7 
Mere B ane we same Vena Ct 
Reporting 
Em 
Siveright 
cr emm Visual ce 
pure 8i 
m BS sever we sweb seu Vuai ce 
glesuich 
+ xum Gj soner wc sweb aem Vies cs 
a 
aee Kj sek ser vaa 
(mm QU eiae Vuai cs 
f oso necu vence. I 
ET [NewsModel m |] 
SEO. ve - ed 


1.3 【添加 新 项 目 ] 对 话 框 
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【步骤 3】 添 加 数据 访问 层 。 

【步骤 4 添加 业务 逻辑 层 。 

数据 访问 层 和 业务 逻辑 层 的 添加 与 实体 层 是 类 似 的 ,数据 访问 层 的 项 目 命 名 为 解决 
方案 名 十 DAL, 即 “NewsDAL”, 业务 逻辑 层 的 项 目 命 名 为 解决 方案 名 十 BLL, 即 
“NewsBLL”, 添 加 完 数据 访问 层 和 业务 逻辑 层 后 ,解决 方案 资源 管理 器 如 图 1.4 所 示 。 


[ET EE 
-Oog ec-eQ8'B on" 
TSUEMURISEEESESESESR(CUL e) P- 
RD RAE News (3 个 项 目 ) 
4 回 NewsBLL 

b # Properties 

> wa 引用 

ce Classics 


n 


b £ Properties 

b wa 引用 

P C Classlcs 
| 4 回 NewsModel 

b £ Properties 

b "ae 引用 

b œ classlcs 


图 1.4 解决 方案 资源 管理 器 


【步骤 5] 添加 表示 层 。 

右 击 解决 方案 ,选择 “添加 ”一 “新 建 网 站 ”, 注 意 表示 层 的 Web 位 置 要 选择 解决 方案 
所 在 文件 夹 , 这 里 我 们 将 表示 层 的 Web 位 置 设 定 为 “E:\ 教 材 \ch01\News\Web”, 其 中 
Web 为 表示 层 的 命名 ,如 图 1.5 所 示 。 


FATHER ASP.NET Web MEMRI 
me z | 
TERR ASP.NET Web 看 


[Ej asne razon Visual C 
EB. ASP.NET Dynamic Dota tti Visual C 
p S 
国 seem Visual Ct 


| wesemi. — GER = mamae NN E [mmm] 


1.5. 【添加 新 网 站 】 对 话 框 


【步骤 61 搭建 后 的 架构 在 解决 方案 资源 管理 器 中 的 效果 如 图 1. 6 Bros ,目录 结构 如 
图 1.7 所 示 。 
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ood c-eno8 Ji MyWeb 
HUENCAUSESEGSEEEERCUHLe) P- Ji NewsBLL 
R1 解决 方案 'News' (4 个 项 目 ) 县 NewsDAL 
b © Myweb. Ji NewsModel 
PES NewsBLL ii 
ES NewsDAL di packages 
b 回 NewsModel R3 News.sln 
图 1.6 解决 方案 资源 管理 器 图 1.7 目录 结构 图 


1.2.3 系统 人 逻辑 设计 


本 部 分 内 容 选择 第 10 章 使 用 的 案例 一 新 闻 发 布 系统 ,以 便 大 家 对 案例 的 整体 结构 有 
所 了 解 。 系 统 的 功能 模块 如 图 1.8 所 示 。 


新 闻 发 布 系统 | 


前 台 后 台 
新 新 | | 新 | | 管 | | 链 
fl 闻 mp | 理 | | 接 
浏 查 | | 增 | | 员 | | 管 
览 ig | 删 | | 设 | | 理 
模 模 改 | | 置 | | 模 
E 5 查 | | 模 | | 块 
模 | | 块 
块 


1.8 功能 模块 图 


1.2.4 数据 库 创 建 方法 
本 系统 采用 SQL Server 2008 数据 库 ,包含 若干 数据 表 , 具 体 如 图 1.9 一 图 1. 12 所 示 。 


| “PC201011030- - dbo. tbUser 


列 名 数据 类 型 Stir Nul (B | 
MD int 口 
Name varchar(20) 口 
PassWord varchar(50) 口 
addDate datetime 口 
图 1.9 链接 表 图 1.10 管理 员 表 


TC201011030... dbo.tbNews 


s 数据 类 型 区 许 Nul 值 
w| D int B 
bm e E 'OEM-20130723TNF.O..xam - dbo.tbStyle 
B... > 列 名 数据 类 型 。 允许 Ni 值 
IssueDate smaldatetime [7] Li nt 
mapi nvarchar(50) gm e erm m 
[ g 


图 1.11 新 闻 表 图 1. 12 类别 表 
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1.3 3 B wl ÉR 


通过 对 以 上 内 容 的 学 习 , 了 解 了 搭建 系统 架构 的 一 般 步 又, 现在 回 到 项 目 导入 的 任务 
中 来 。 

【步骤 1) 按照 上 面 所 述 内容 , 搭 建 系统 架构 ,如 图 1. 13 所 示 。 

【步骤 2 通过 分 析 ,最 终 确定 系统 功能 模块 图 如 图 1. 14 所 示 。 


班级 网 站 系统 

Dog o-eQ8|P 

搜索 解决 方案 资源 管理 器 (Ctr|+;) 

Rr 解决 方案 'MyClass' (4 个 项 目 ) [ I E i 

Re 网 | [e] | 用 留 | | 关 

` Xm [um 言 | | 了 
回 MyclassModel ül€t B €* FARES 

Moc 页 | | 理 | | 理 | | 理 们 

图 1.13 系统 架构 图 图 1.14 功能 模块 图 


【步骤 3] 班级 网 站 数据 表 如 图 1. 15 一 图 1. 19 所 示 。 


OEM-20130723TNF...assDB - dbo.News 


列 名 数据 类 型 允许 Nul 值 
'OEM-20130723TNF.—.sDB - dbo.Photos W) id int 
列 名 数据 类 型 ftir Nul (f Te nvarchar(MAX) [i 
n int [Content] nvarchar(MAX) ul 
PhotoName nvarchar(MAX) AddTime datetime [7] 
图 1.15 班级 照片 表 图 1.16 班级 新 闻 表 


'OEM-20130723TNF...B - dbo.Students 


列 名 数据 类 型 。 。 允许 Nul 值 

» id it 
Studento nvarchar(50) gi 
StudentName nvarchar(50) I] 
Sex nvarchar(50) g 
Phone nvarchar(50) 
Address nvarchar(MAX) I] 
Email nvarchar(50) I] 
IdentityCard nvarchar(50) I] 
Grades nvarchar(S0) I] 


1.17. 学 生 信息 表 


'OEM-20130723TNF...B - dbo.Userinfos 
— 列 名 数据 类 型 。 。 人 允许 Nul 值 
Name nvarchar(10) ee mt 
Face nvarchar(50) UserName nvarchar (50) [gi 
[Content] nvarchar(MAX) UserPassword. nvarchar(50) [2] 
AddTime datetime UserType nvarchar(50) 回 


图 1.18 留言 板 表 图 1.19 用 户 信息 表 


第 1 章 ”ASP.NET 系 统 架 构 与 逻辑 设计 


1.4 平行 项 目 训练 


1. 训练 内 容 

大 三 学 生 小 刘 想 为 母校 设计 一 款 在 线 考试 系统 ,能 够 实现 在 线 考试 。 
2. 训练 目的 

(1) 进一步 训练 和 巩固 学 生 对 VS2012 搭建 系统 架构 的 步骤 的 理解 
(2) 使 学 生 对 功能 模块 图 、 数 据 库 创建 有 比较 深刻 的 认识 。 

3. 训练 过 程 

【步骤 11 搭建 系统 架构 ,如 图 1. 20 所 示 。 

【步骤 2] 绘制 功能 模块 图 ,如 图 1. 21 所 示 。 


ERGER 


coa e-enQd |n CEPI ZETA 
搜索 解决 方 安 资 源 管理 器 (Ctrl+)) x bi i 是 Es P Hi 
D RBR OnlineExam' (4 个 项 目 ) || |È | 信 | | 信 | | 信 | | 员 
» @ Eweb Big IRBIRI[RIIRIIS 
» 回 Online£xamBLL [S BI € Ig m 
b 回 OnlineExamDAL 改 理 | | 理 | | 理 | | 理 | | 理 | | 理 | | 管 
b onlineExamModel ——— B 
图 1.20 系统 架构 图 图 1.21 功能 模块 图 


【步骤 3】 创建 数据 库 , 数 据 表 如 图 1. 22 一 图 1. 28 所 示 。 


OEM-20130723TNFExam-dboAdmin| — OEM-20130723TNF...Exam - dbo.Lesson 
»- 数据 类 型 ftir NA (li 列 名 数据 类 型 fti Nul (i 
»? m «D bignt 
Name varchar(50) 
Professionid bignt 
[i] JonTime datetime a 
D 


1.22 管理 员 表 


Lessonid bignt 
TaotilD bignt 

optiona varchar(MAX) a 

'OEM-20130723TNF... - dbo.Profession optiona varchar(MAX) [4] 
» 数据 类 型 firna optionc varcher(MAX) m 

RD bigint optionD varchar(MAX) a 
Name varchar(50) Answer varchar(MAX) 
JonTme datetime JonTme datetime 国 


图 1.24 专业 表 图 1. 25 试题 表 


ASP.NET 3jz Web 开发 技术 项 目 化 教程 


OEM-20130723TNF...am - dbo.Student 
列 名 digne 允许 Nul 值 

RD varchar(16) 

Name vardhar(20) 

Pwd varchar(50) 

Sex char(2) 贺 

Question varchar(S0) 

LJ Bie Answer varchar(50) 
ResSngle = m Professonld bignt 

etae a- m cardio varchar(20) 

ResTotal it [2] Jontime nchar(10) ig 

JoinTime. 


允许 Ndl 值 


本 章 通 过 简单 项 目 示 例 ,介绍 了 ASP. NET 的 发 展 历史 以 及 ASP. NET, . NET 
Framework, Visual Studio 版 本 的 演进 历史 ,并 详细 介绍 了 搭建 系统 框架 的 步骤 ,以 满足 
项 目 实现 的 需求 ,通过 贯穿 项 目 “ 新 闻 发 布 系统 ”和 平行 项 目 “ 在 线 考 试 系统 ”系统 地 学 习 
了 框架 的 搭建 功能 模块 的 绘制 以 及 数据 库 的 创建 ,增强 了 学 生 学 习 ASP. NET 程序 设 
计 的 信心 和 情趣 。 


1. Visual Studio 2012 新 增 了 哪些 功能 特性 ? 
2. 如 何 搭建 系统 框架 ? 
3. 画 出 学 生 管 理 系统 的 功能 模块 图 。 


第 2 章 实体 设计 与 多 层 依赖 


本 章 要 点 : 

。 创建 多 层 依 赖 关系 

t 创建 实体 类 

技能 目标 : 

。 会 创建 多 层 之 间 的 依赖 关系 
。 会 根据 数据 库 表 创 建 实体 类 


2.1 项 目 导 入 


【项 目 场景 】 
在 第 1 章 中 ,我 们 搭建 了 系统 架构 ,在 解决 方案 中 MERC 
创建 了 四 个 独立 项 目 , 接 下 来 我 们 就 要 创建 四 个 独立 项 E 
目 之 间 的 依赖 关系 以 及 实体 类 ,如 图 2. 1 所 示 。 人 
b œ New.cs 
【问题 引导 】 EA 
b ce Userlnfo.cs 
CD 如 何 创建 依赖 关系 。 FO Mision 
(2) 如 何 创建 实体 类 。 图 2. 1 创建 实体 类 及 依赖 关系 


2.2 技术 与 知识 准备 


2.2.1 根据 数据 库 表 编写 实体 


实体 层 包 含 所 有 与 数据 库 中 的 表 相 对 应 的 实体 类 。 可 以 说 ,实体 层 提供 了 一 个 标准 
和 规范 ,三 层 之 间 的 数据 传递 就 是 通过 传输 实体 对 象 来 达到 目的 。 

实体 层 中 的 实体 类 一 般 和 所 对 应 的 表 名 一 致 。 实 体 类 比较 简单 ,根据 数据 库 中 的 字 
段 编写 对 应 的 变量 和 属性 即 可 。 除 了 构造 函数 以 外 ,实体 类 一 般 没有 其 他 方法 。 

【示例 2.1】 现在 我 们 编写 第 1 章 中 新 闻 表 的 实体 类 ,鉴于 新 闻 表 有 一 个 外 键 , 所 以 
我 们 需要 创建 两 个 对 应 的 实体 类 。 如 图 2.2 所 示 。 
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| tbStyle 


2.2 新 闻 表 及 其 外 键 


实体 类 的 编写 比较 简单 ,限于 篇 幅 , 我 们 只 给 出 New 类 的 完整 代码 。 


namespace NewsModels 
1 
public class tbNew 
t 
private int iD; 
public int ID 
t 
get ( return iD; } 
set ( iD-value; } 
} 
private string title; 
public string Title 
{ 
get { return title; } 
set { title=value; } 
} 
private string content; 
public string Content 
t 
get ( return content; ) 
set { content-value; } 
} 
private tbStyl style; 
public tbStyl Style 
t 
get ( return style; } 
set ( style-value; } 
} 
private DateTime issueDate; 
public DateTime IssueDate 
{ 
get { return issueDate; } 
set { issueDate- value; } 


第 2 章 


} 
Private string imageid; 
public string Imageid 
t 
get ( return imageid; ) 
set { imageid-value; ) 


) 
namespace NewsModels 
1 
public class tbStyl 
t 
public int Id ( set; get; ) 
public string Name ( set; get; } 


) 
按照 此 方法 ,依次 创建 新 闻 发 布 系统 的 各 个 实体 


实体 设计 与 多 层 依 赖 


# Properties 
"a 引用 
© tblin.cs 


© tbNew.cs 
tbstylcs 
© tbUse.cs 


类 ,如 图 2.3 所 示 ,实体 类 和 数据 库 表 数 据 类 型 对 应 关 图 2.3 新 闻 发 布 系统 的 实体 类 


系 如 表 2. 1 所 示 。 


表 2.1 实体 类 和 数据 库 表 数据 类 型 对 应 关系 
实体 类 属性 类 型 数据 库 类 型 实体 类 属性 类 型 数据 库 类 型 
string char, nchar, varchar, nvarchar float float 
int int ,smallint bool byte 
DateTime datetime decimal decimal, money 


注意 : 外 键 的 处 理 , 采 用 的 是 使 用 外 键 对 象 , 这 种 方式 的 好 处 是 : 它 可 以 依据 外 键 类 
直接 访问 外 键 的 其 他 属性 ,定义 时 如 上 题 public tbStyl Style, tbStyl 是 类 名 ,Style 是 属性 
名 ,使 用 时 可 以 这 样 访问 新 闻 类 别 : tbNew tbn—new tbNew();tbn. Style. Name, 


说 明 : 


CD 如 果 表 名 以 “s” 结 尾 , 例 如 新 闻 表 中 tbNews, 但 实体 类 一 般 会 以 单数 形式 tbNew 


表示 。 为 避免 混淆 , 表 名 与 类 名 尽量 不 一 致 。 
(2) 实体 类 中 的 属性 名 可 与 数据 表 的 字段 名 一 致 


2.2.2 实现 各 层 之 间 的 依赖 


创建 完 系统 架构 后 ,各 层 之 间 还 是 相互 独立 的 .必须 建立 起 如 图 2. 4 所 示 的 各 层 之 间 


的 依赖 关系 。 


ibl 
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【示例 2.2】 为 新 闻 发 布 系统 添加 各 层 之 间 的 依赖 


E 
【步骤 11 表示 层 添加 引用 关系 。 * 
在 解决 方案 资源 管理 器 中 , 右 击 My Web. ZE} ih io e 


捷 菜 单 中 选择 【添加 引用 3 选项 ,弹出 添加 引用 对 话 框 , 如 数据 访问 层 
图 2.5 所 示 , 选 择 项 目 选项 卡 , 依 次 选择 NewsBLL、 图 2.4 各 层 之 间 依 赖 关系 
NewsModel, 单 击 “ 确 定 ” 按 钮 ,完成 表示 层 的 添加 引用 


关系 。 
[amem Myweb > WES ET 
* 程序 集 搜索 解决 方 衬 (Ctr1+E) P- 
E za 
-— NewsBLL ENRERE cho 1\Ne 
项 目 NewsDAL ENXGBIS ME ChO1WNe 
NewsModel ENRGBIS MEER ChOTNe 
b COM 
| b 浏览 
| 
* * 


Ae M— — ss L M —————J 
图 2.5 表示 层 引 用 关系 


【步骤 2】 业务 迎 辑 层 添 加 引用 关系 。 
同 理 , 右 击 NewsBLL, 依 次 添加 对 NewsDAL、NewsModel 引用 关系 ,如 图 2.6 所 示 。 


搜索 解决 方案 (Ctrl+6) p- 


。 名称 
NewsDAL 
je 


业务 逻辑 层 引用 关系 


图 2.6 


【步骤 3) 数据 访问 层 添加 引用 关系 。 
同 理 , 右 击 NewsDAL ,添加 对 NewsModel 的 引用 关系 ,如 图 2.7 所 示 。 
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挫 索 解决 方 室 (Ctrl+ 日 »- 


2.3 x B M| £k 


通过 对 以 上 内 容 的 学 习 , 了 解 了 创建 多 层 之 间 依 赖 关 系 的 一 般 步 又 ,同时 了 解 了 创建 
实体 类 的 方法 ,现在 回 到 项 目 导 入 的 任务 中 来 。 

1. 按照 上 面 所 述 内 容 , 创 建 多 层 之 间 依 赖 关 系 。 

【步骤 1】 创 建 表示 层 的 依赖 关系 ,依次 添加 对 MyClassBLL, MyClassModel 层 的 引 
用 ,如 图 2.8 所 示 。 


搜索 解决 方 襟 (Ctrl+ 6 
名 称 路 径 


名 称 
MyClassDAL EN 沉香 梅 教材 cholvMy OBUL 
MyClassModel EAXCIBISNISEA chO1NMy | 


2.8 表示 层 引 用 关系 


【步骤 2] 创建 业务 逻辑 层 的 依赖 关系 .依次 添加 对 MyClassDAL , MyClassModel 层 
的 引用 ,如 图 2.9 所 示 。 

【步骤 3】 创建 数 据 访问 层 的 依赖 关系 ,添加 对 MyClassModel 层 的 引用 ,如 图 2. 10 
所 示 。 
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搜索 解决 方案 (Ctrl+E) px 
名 称 


路 径 £m 
meme EE MyClassModel 


图 2.10 数据 访问 层 引 用 关系 


2. 根据 数据 库 表 创建 各 实体 类 (篇 幅 有 限 , 只 创建 留言 表 的 实体 类 ,其 他 各 类 参考 贸 
言 表 的 实体 类 ) 。 


Public class GuestBook 
t 
private int id; 
public int Id 
t 
get ( return id; } 
set { id-value; } 
} 
Private string name; 
public string Name 
{ 
get { return name; } 


set { name-value; } 
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} 
private string face; 
public string Face 
i 
get { return face; } 
set { face=value; } 
) 
private string content; 
public string Content 
t 


get ( return content; 


set ( content- value; 
) 
private DateTime addtime; 
public DateTime Addtime 
t 

get ( return addtime; ) 


set { addtime-value; } 


2.4 平行 项 目 训练 


1. 训练 内 容 

根据 数据 库 表 创建 实体 层 的 实体 类 ,并 能 够 创建 各 层 之 间 的 依赖 关系 。 

2. 训练 目的 

CD 进一步 训练 和 巩固 学 生 对 实体 层 、 实 体 类 概念 及 其 创建 方法 的 理解 ; 

(2) 使 学生 对 创建 多 层 依赖 关系 有 比较 深刻 的 认识 。 

3. 训练 过 程 

【步骤 1] 创建 多 层 之 间 的 依赖 关系 。 

(1) 创建 表示 层 的 依赖 关系 ,依次 添加 对 OnlineExamBLL、OnlineExamModel 层 的 
引用 ,如 图 2.11 所 示 。 

(2) 创建 业务 逻辑 层 的 依赖 关系 ,依次 添加 对 OnlineExamDAL , OnlineExamModel 
层 的 引用 ,如 图 2. 12 所 示 。 

G) 创建 数据 访问 层 的 依赖 关系 ,添加 对 OnlineExamModel 层 的 引用 ,如 图 2. 13 
所 示 。 

【步骤 2] 创建 实体 类 (篇 幅 有 限 , 只 创建 学 生 表 的 实体 类 ,其 他 各 类 参考 学 生 表 的 实 
体 类 ) 。 
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图 2.11 表示 层 引用 关系 


me 
OnlineExamModel ENRERE chOTVOn 


2.13. 数据 访问 层 引 用 关系 


第 2 章 


public class Stud 


t 


private string iD; 
public string ID 
t 


get ( return iD; 


set ( iD-value; 


} 
private string name; 
public string Name 
t 
get ( return name; } 
set ( name-value; } 
} 
private string pwd; 
public string Pwd 
{ 
get ( return pwd; } 
set ( pwd- value; ) 
} 
private string sex; 
public string Sex 
{ 
get { return sex; } 
set { sex=value; } 
} 
private string question; 
public string Question 
t 
get ( return question; } 
set ( question-value; ) 
) 
private string answer; 
public string Answer 
t 
get { return answer; ) 
set { answer-value; } 
} 
private Prof profession; 
public Prof Profession 
{ 
get { return profession; } 


set { profession-value; } 


实体 设计 与 多 层 依赖 
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Public 


private string cardID; 
public string CardID 
t 
get ( return cardID; ) 
set ( cardID-value; } 
} 
private string jointime; 
public string Jointime 
t 
get ( return jointime; } 


set ( jointime-value; ) 


class Prof 


private int iD; 
public int ID 
t 
get ( return iD; ) 
set ( iD-value; } 
} 
private string name; 
public string Name 
t 
get ( return name; ) 
set ( name-value; ) 
} 
private DateTime joinTime; 
public DateTime JoinTime 
t 
get { return joinTime; } 


set { joinTime-value; } 


: 学 生 表 的 专业 号 是 外 键 , 要 使 用 外 键 对 象 。 


2.5 总 结 


本 章 通过 简单 项 目 案例 ,介绍 了 如 何 创建 多 层 之 间 的 依赖 关系 ,如 何 根据 数据 表 创 建 
相应 的 实体 类 。 通 过 项 目 训练 “个 人 网 站 ”及 平行 项 目 训练 “在 线 考试 系统 ”, 整 体 训练 了 
如 何 创 建 四 个 独立 项 目 之 间 的 依赖 关系 .如 何 创 建 实体 类 以 及 外 键 的 处 理 方法 。 


由 


2.6 35] 


. 什么 是 实体 类 ? 实体 类 有 什么 作用 ? 
. 在 实体 类 中 如 何 处 理 外 键 ? 

. 完成 新 闻 发 布 系统 实体 类 的 创建 。 

. 完成 在 线 考试 系统 实体 类 的 创建 。 


题 
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本 章 要 点 : 

。 ADO. NET 的 功能 与 组 成 

。 创建 数据 库 操作 类 

技能 目标 : 

。 会 使 用 Connection 对 象 连接 到 数据 库 
。 会 创建 访问 数据 库 的 操作 类 

。 会 编写 简单 的 数据 库 查 询 语句 


3.1 ABSA 


【项 目 场景 】 


苏州 健雄 学 院 学 生 处 想 要 开发 一 个 学 生 查询 系统 ,根据 学 生 学 号 ,查询 学 生 详 细 信 
E ,请 你 为 学 生 处 开发 一 个 系统 ,实现 信息 查询 功能 ,如 图 3.1 所 示 。 


学 生 查询 系统 
请 输入 学 生 学 号 ， 1301 (x58) 

姓名 张 三 
系 部 软件 与 服务 外 也 学院 
班级 电 商 1411 
宿舍 7-301 
性 别 a 
电话 13812312123 
籍贯 IAG 

毕业 学 校 太仓 高 级 中 学 


图 3.1 学 生 查询 系统 


【问题 引导 了 


(1) 如 何 进行 页 面 布 局 。 
(2) 如 何 实现 数据 库 数 据 的 访问 。 
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(3) 如 何 实 现 数据 的 查询 功能 以 满足 信息 管理 的 需要 。 


3.2 技术 与 知识 准备 


3.2.1 访问 数据 方法 和 编码 


ADO. NET 是 . NET Framework 中 用 于 数据 访问 的 组 件 , 它 由 Microsoft ActiveX 
Data Object(ADO) 改 进而 来 ,是 一 组 用 于 和 数据 源 进行 交互 的 面向 对 象 类 库 。 通 常 来 
说 ,数据 源 是 数据 库 ,但 也 可 以 是 Excel 表格 或 者 XML 文件 等 。ADO. NET 允许 和 不 同 
类 型 的 数据 源 以 及 数据 库 进行 交互 。 微 软 公司 认为 ,ADO. NET 是 对 早期 ADO 技术 的 
“革命 性 改进 ”"。 应 该 说 , 它 确 实 是 一 种 非常 优秀 的 数据 访问 技术 ,对 于 使 用 . NET. 
Framework 进行 软件 开发 的 程序 员 来 说 , 它 是 必须 掌握 的 技术 之 一 。ADO. NET 提供 与 
数据 源 进行 交互 的 相关 的 公共 方法 ,但 是 对 于 不 同 的 数据 源 采 用 一 组 不 同 的 类 库 , 这 些 类 
库 称 为 Data Providers ,并 且 通 常 是 以 与 之 交互 的 协议 和 数据 源 的 类 型 来 命名 的 。ADO 
.NET 包含 以 下 5 种 对 象 。 

* Command 对 象 : 用 于 与 数据 库 交 互 时 所 执行 的 操作 。 不 管 是 增 、 删 、 改 、 查 操作 ， 
都 要 求 从 一 个 Command 对 象 开始 。 

Connection 对 象 : 用 于 建立 与 数据 源 的 连接 ,处 理 访问 数据 源 时 所 需要 的 安全 
设置 。 

DataReader 对 象 : 当 Command 对 象 返 回 结果 集 时 ,需要 使 用 DataReader 对 象 来 
检索 数据 。 返 回 值 是 只 读 的 数据 流 。 

DataSet 对 象 : 是 数据 集 , 它 不 直接 绑 定 到 数据 源 , 可 以 缓存 来 自 多 个 数据 源 的 
数据 。 

* DataAdapter 对 象 : 一 种 用 来 充当 DataSet 对 象 与 实际 数据 源 之 间 桥 梁 的 对 象 。 

总 之 ,ADO. NET 是 与 数据 源 交 互 的 . NET 技术 。 有 很 多 的 Data Provider. ' Y ft 
许 与 不 同 的 数据 源 交 互 。 然 而 无 论 使 用 什么 样 的 Data Provider, 都 使 用 相似 的 对 象 与 数 
据 源 进行 交互 。 


3.2.2 访问 类 的 设计 与 编码 


在 对 数据 库 的 所 有 操作 中 ,数据 库 的 打开 、 连 接 、 执 行 SQL 语句 是 很 常见 的 操作 ,而 
且 这 些 操作 经 常 需要 反复 执行 。 如 果 每 次 都 编写 代码 ,势必 会 浪费 很 多 精力 ,因此 我 们 开 
发 出 一 个 执行 数据 库 操作 的 数据 库 操作 类 DBHelper. cs 类 用 于 执行 这 些 重复 的 操作 。 

【步骤 1] 添加 数据 库 操作 类 DBHelper. cs. 

在 右 侧 解决 方案 资源 管理 器 窗口 右 击 数据 访问 层 (DAL) ,在 弹出 的 快捷 菜单 中 选择 
“添加 ”一 “类 ”, 弹 出 如 图 3. 2 所 示 对 话 框 , 在 名 称 框 中 输入 DBHelper. cs, 单 击 “ 确 定 ” 
按钮 。 
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-| E: REBAH Cri+E) 
A cm cet 
ai 
m 
Visual C# 项 
E 
Visual C# 项 
m. 
E 


Visual CER. 


Visual Có 1 


sowconen sm vex: 


D mr vasice m 


图 3.2 添加 数据 库 操作 类 


【步骤 2] 配置 Web. config. 


< connectionStrings» 
< add name- "aa" providerName- "System.Data.SqlClient" connectionString- "Data Source 
=OEM- 20130723TNF; Initial Catalog- dbMMChaXun;User ID- sa; Password- 123456" /> 
< /connectionStrings» 


【步骤 3】 添 加 引用 命名 空间 。 
为 了 使 用 SQL Server 的 常规 操作 ,需要 在 该 类 中 添加 System. Data. SqlClient 和 
System. Data 命名 空间 的 引用 。 


using System.Data; 
using System.Data.SqlClient; 


【步骤 4] 在 右 侧 解决 方案 资源 管理 器 窗口 右 击 数据 访问 层 (DAL) ,在 弹出 的 快捷 菜 
单 中 选择 添加 引用 ,弹出 如 图 3. 3 所 示 对 话 框 ,在 左 侧 程序 集中 选择 框架 , 右 侧 System. 
Configuration 前 面 打 钧 , 单 击 确定 。 然 后 在 DBHelper. cs 类 中 添加 引用 空间 : using 
System. Configuration 。 


【步骤 51 添加 代码 。 


public static class DBHelper 
{ public static readonly string Connectionstring = ConfigurationManager. 

Connectionstrings["aa"] .Connectionstring; 

// 实 现 增 、 删 \ 改 功能 
public static int ExecuteNonQuery (string connectionstring,  CommandType 
commandType, string commandText, params SqlParameter[] commandPa- rameters) 
t 

using (SqlConnection connection-new SglConnection (connectionString)) 
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b EXE iguration.Install | ja on 
40.00 

> COM - 文件 版 本 - 

cu System Data.DataSetExtensions. 4.0.30319.17929 built by: 
System.Data.Entity — TOI 
System.Data.Entity.Design 
System.Data.Linq 
System.Data.OracleClient 
System.Data.Services 
System.Data.Services.Client ~ 


3.3 添加 程序 集 


if(connection.State !=ConnectionState.Open) 
connection.Open (); 

SqlCommand command- new SqlCommand (commandText, connection); 

if (commandParameters !—-null) 

t 
foreach (SqlParameter pam in commandParameters) 

command. Parameters .Add (parm) ; 
) 
return command.ExecuteNonQuery () ; 


) 
// 获 取 单个 值 
public static object ExecuteScalar (string connectionString, CammandIype commandlype, 
string commandText, params SqlParameter[] commandParameters) 
t 
using (SalConnection connection-new SqlConnection (connectionString)) 
1 
if(connection.State !—ConnectionState.Open) 
connection.Open(); 
SqlCommand command- new SqlCommand (commandText, connection); 
if(commandParameters !-null) 
t 
foreach (SqlParameter parm in commandParameters) 
command. Parameters .Add (parm) ; 
) 
return command.ExecuteScalar () ; 


24 


ASP.NET HÄ Web 开发 技术 项 目 化 教程 


} 
// 读 取 记 录 
public static SqlDataReader ExecuteReader (string connectionString, CommandType 
commandType, string commandText, params SglParameter[] 
commandParameters) 
t 
SqlConnection connection-new SqlConnection (connectionString) ; 
try 
t 
if(connection.State !— ConnectionState.Open) 
connection.Open () ; 
SqlCommand command- new SqlCommand (commandText, connection); 
if (commandParameters !—-null) 
t 
foreach (SqlParameter pamm in commandParameters) 
command. Parameters .Add (parm) ; 
) 
SqiDataReader rdr = command.  ExecuteReader ( CommandBehavior. 
CloseConnection); 
return rdr; 
) 
catch 
1 
connection.Close(); 


throw; 


3.2.3 ”多 层 B/S 下 实现 数据 访问 


【示例 3.1】 搭建 系统 框架 ,利用 三 层 架构 实现 下 述 功 能 : 输入 用 户 名 ,查询 用 户 密 

码 , 实 现 数据 在 三 层 之 间 的 传递 。 

- 解决 方 实 资 源 管 ”9x 
【步骤 1] 搭建 系统 架构 ,如 图 3.4 所 示 。 OONl oo " 
【步骤 2] 添加 各 层 之 间 的 依赖 关系 ,如 图 3. 5 一 图 3.7 [exssssememmone) P- 

所 示 。 网 SAAE MMCXByYHN" (4 个 项 目 ; 
【步骤 3] 添加 数据 库 及 数据 表 。 ?ome 
新 建 数据 库 dbMMChaXun, 添加 数据 表 UserCXs, 如 |» 8 wwomch 

图 3.8 所 示 。 


MMCXByYHMBLL 


图 3.4 搭建 系统 架构 
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搜索 解决 方案 (Ctr|+E) P- 


BE 
MMCXByYHMDAL 


图 3.7 数据 访问 层 添 加 引用 
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'OEM-20130723TNF...un - dbo.UserCXs 


»m Bugs ftir Nul (B 
bp UserName nvarchar(50) [e 
UserPwd nvarchar(50) 贺 


图 3.8 数据 表 UserCXs 


【步骤 4] 根据 数据 表 UserCXs 添加 实体 类 UserCX. cs, 编 写 代码 如 下 : 


using System; 

using System.Collections.Generic; 
using System.Linq; 

using System.Text; 

using System.Threading.Tasks; 


namespace MMCXByYHMModel 
t 
public class UserCX 
t 
private string userName; 
public string UserName 
t 
get ( return userName; } 
set ( userName- value; ) 
} 
Private string userPwd; 
public string UserPwd 
{ 
get ( return userPwd; } 


set { userPwd- value; } 


} 
【步骤 5] 配置 Web. config. 


X connectionStrings» 
« add name= "aa" providerName- "System.Data.SqlClient" connectionString- 
"Data Source- OEM- 20130723TNF; Initial Catalog- dbMMChaXun; User ID= sa; Password= 
123456" /» 
< /connectionStrings» 


【步骤 6】 添加 数据 访问 类 DBHelper. cs .并 编写 代码 。 见 上 节 内 容 。 
【步骤 7】 数据 访问 层 添加 类 UserCXService. cs, 并 编写 代码 。 


using System; 


using System.Collections.Generic; 
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using System.Data; 
using System.Data.SqlClient; 
using System.Ling; 
using System.Text; 
using System.Threading.Tasks; 
namespace MMCXByYHMDAL 
t 
public class UserCXService 
1 
public string GetMMByYHM (string YHM) 
t 
String sql- "select UserPwd from dbo.UserCXs where UserName- 
@ UserName"; 
return DBHelper.ExecuteScalar (DBHelper.ConnectionString, ConmandType . Text, sql, 
new SqlParameter ("8 UserName", YHM)) .'ToString (); 


} 
【步骤 8】 业务 逻辑 层 添 加 类 UserCXManager. cs, 并 编写 代码 。 


using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
using System.Threading.Tasks; 
using MMCXByYHMDAL; 
namespace MMCXByYHMBLL 
t 
public class UserCXManager 
t 
public string GetMMByYHM (string YHM) 
t 
return new UserCXService ().GetMMByYHM (YHM) ; 


) 
【步骤 91 表示 层 添 加 新 项 MMCX. aspx, 在 源 视 图 下 编写 代码 如 下 : 


<table> 
<tr><td> 请 输入 用 户 名 </td><td> 
<asp:TextBox ID- "txtUserName" runat- "server"> < /asp:TextBox>< /td> </tr> 


<tr><td colspan- "2"> 
«asp:Button ID- "btnCX" runat="server" Text- "查询 " OnClick- "btnCX Click" / 
»«/td»«/tr» 
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<tr><td> 查 询 结果 密码 为 :< /td><td> 
<asp:TextBox ID- "txtPwd" runat= "server"> < /asp:TextBox>< /td>< /tr> 
</table> 


【步骤 10] 在 后 台 编 写 代 码 如 下 ,页 面 浏览 如 图 3.9 所 示 。 


using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using MMCXByYHMBLL; 
public partial class MMCX : System.Web.UI.Page 
{ 
protected void Page Load (object sender, EventArgs e) 
{ } 
protected void btnCX Click (object sender, EventArgs e) 
t 
txtPwd.Text- new UserCXManager () .GetMMByYHM (txtUserName.Text.Trim()); 


请 输入 用 户 名 aa 
查询 结果 密码 为 。 123 


图 3.9 根据 用 户 名 查询 密码 页 面 


3.3 项 目 训 练 


通过 对 以 上 内 容 的 学 习 , 了 解 了 访问 数据 库 的 一 般 步骤 ,同时 了 解 了 数据 在 三 层 之 间 

的 传递 方法 ,现在 我 们 回 到 项 目 导入 的 任务 中 来 。 
【步骤 1] 搭建 系统 架构 ,如 图 3. 10 所 示 。 - - 
【步骤 2】 添加 各 层 之 间 的 依赖 关系 ,如 图 3.11~ 图 3.13 [e 5$ e-em 

所 示 。 搜索 解决 方 实 资源 管理 医 (Ctrl+;) P- 
【步骤 3] 添加 数据 库 及 数据 表 。 re 


b E StudentBLL 
新 建 数据 库 dbStudent, 添 加 数据 表 tbStus, 如 图 3.14 |? 上 
所 示 。 b © suweb 
【步骤 4) 根据 数据 表 tbStus 添加 实体 类 tbStu. cs, 编 写 


代码 如 下 : 


图 3.10 搭建 系统 架构 
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3.11 表示 层 添加 引用 


搜索 解决 方 宕 (Ctr|+E) p- 
me E 
ENAN RONS StudentModel 


3.13 数据 访问 层 添加 引用 
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OEM-20130723TNF.d. dent - dbotbstus| 


u 
L2] 
贺 
a 
图 
Li] 
图 
加 


图 3.14 数据 表 tbStus 


using System; 

using System.Collections.Generic; 
using System.Linq; 

using System.Text; 

using System.Threading.Tasks; 


namespace StudentModel 
t 
public class tbStu 
t 
private string id; 
public string Id 
t 


get ( return id; 


set ( id-value; 
} 
private string name; 
public string Name 
{ 
get { return name; } 
set { name=value; } 
} 
Private string department; 
Public string Department 
{ 
get { return department; } 
set { department=value; } 
} 
private string bandi; 
public string BanJi 
t 
get ( return bandi; } 
set { banJi-value; ] 
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private string sex; 
public string Sex 
t 
get ( return sex; ) 
set { sex-value; } 
} 
private string suShe; 
public string SuShe 
t 
get ( return suShe; } 
set { suShe-value; } 
} 
Private string tel; 
public string Tel 
{ 
get { return tel; } 
set { tel=value; } 
} 
private string jiGuan; 
public string JiGuan 
{ 
get { return jiGuan; } 
set { jiGuan-value; ) 
} 
private string bYXX; 
public string BYXX 
t 
get ( return bYXX; ) 
set { bYXX-value; } 


} 
【步骤 5] 配置 Web. config. 


X connectionStrings» 
<add name= "aa" providerName- "System.Data.SqglClient" connectionString- "Data Source 
—OEM- 20130723TNF; Initial Catalog- dbStudent;User ID= sa; Password- 123456" /> 
< /connectionStrings» 


【步骤 61 添加 数据 访问 类 DBHelper. cs ,并 编写 代码 。 见 上 节 内 容 。 
GEIR 7) 数据 访问 层 添加 类 tbStuService. cs, 并 编写 代码 。 
using System; 


using System.Collections.Generic; 
using System.Ling; 
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using System.Text; 

using System.Threading.Tasks; 
using System.Data.SqlClient; 
using System.Data; 

using StudentModel; 


namespace StudentDAL 
t 
public class tbStuService 
1 
public tbStu GetStudentById (string id) 
t 

string sql-"select * from dbo.tbStus where Id- 0 Id"; 

SalDataReader dr= DBHelper.ExecuteReader (DBHelper.ConnectionString, 

CommandType.Text, sql, new SqlParameter ("8 Id",id)); 

tbStu stu-new tbStu() ; 

if (dr.Read()) 

t 
stu.Id- id; 
stu.Name- Convert.ToString (dr ["Name"]) ; 
stu.Department- Convert.ToString (dr ["Department"]) ; 
stu.BanJi-Convert.ToString (dr ["BanJi"]); 
stu.Sex-Convert.ToString(dr["Sex"]); 
stu.SuShe- Convert.ToString (dr["SuShe"]) ; 
stu.Tel-Convert.ToString (dr["Tel"]); 
stu.JiGuan- Convert .ToString (dr ["JiGuan"]); 
stu.BYXX- Convert.ToString (dr ["BYXX"]) ; 

x 


return stu; 


) 
【步骤 81 p 5$ 39 58 US tbStuManager. cs, 并 编写 代码 。 


using StudentModel; 

using System; 

using System.Collections.Generic; 
using System.Ling; 

using System.Text; 

using System.Threading.Tasks; 
using StudentDAL; 


namespace StudentBLL 
t 
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public class tbstuManager 
{ 
public tbStu GetStudentById (string id) 
t 
return new tbStuService () .GetStudentByld (id); 


} 
【步骤 9] 表示 层 添加 新 项 StudentChaXun. aspx, 在 源 视图 下 编写 代码 如 下 : 


<table> 
<tr><td colspan= "2" style- "text- align:center"> 学 生 查 询 系 统 < /td>< /tr> 
<tr><td> 请 输入 学 生 学 号 :< /ta><td> 
<asp:TextBox ID-"txtId" runat="server"> < /asp: TextBox» < asp: Button ID=" 
Buttonl" runat="server" Text- "查询 " OnClick- "Buttonl Click" /> 
</td></tr> 
«tr» «td» lE 4 « /td» «td» 
<asp:TextBox ID- "txtName" runat="server" ReadOnly- "True"> < /asp: TextBox» 
« /td» « /tr> 
<tr><td> 系 部 </td><td> 
<asp:TextBox ID= "txtXB" runat="server" ReadOnly- "True"> < /asp:TextBox> </ 
td>< /tr> 
<tr><td> 班 级 </td><td> 
«asp:TextBox ID= "txtBanJi" runat- "server" ReadOnly- "True">< /asp:TextBox> 
</td></tr> 
<tr><td> fl & < /td» «td» 
<asp:TextBox ID- "txtSuShe" runat="server" ReadOnly- "True">< /asp:TextBox» 
</td></tr> 
«tr» «td» EI « /ta» « ta» 
<asp:TextBox ID- "txtSex" runat="server" ReadOnly- "True"> < /asp:TextBox» < / 
td»«/tr» 
<tr><td> 电 话 < /td» «td» 
<asp:TextBox ID= "txtTel" runat="server" ReadOnly- "True"> < /asp:TextBox></ 
td>< /tr> 
<tr><td> 籍 贯 </td><td> 
<asp:TextBox ID= "txtJG" runat="server" ReadOnly- "True"> < /asp:TextBox> </ 
td»«/tr» 
<tr><td> 毕 业 学校 </td><td> 
<asp:TextBox ID- "txtBYXX" runat="server" ReadOnly- "True"> < /asp:TextBox> 
</td></tr> 
</table> 


GEIR 10] 在 后 台 编写 代码 如 下 : 


using System; 
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using System.Collections.Generic; 
using System.Ling; 

using System.Web; 

using System.Web.UI; 

using System.Web.UI.WebControls; 
using StudentModel; 

using StudentBLL; 


public partial class StudentChaXun : System.Web.UI.Page 
t 
protected void Page Load(object sender, EventArgs e) 
t 


) 
protected void Buttonl Click(object sender, EventArgs e) 
t 
tbStu st- new tbStu() ; 
st-new tbStuManager () .GetStudentById (txtId.Text.Trim()); 
txtBanJi.Text- st.BanJi.Trim(); 
txtBYXX.Text- st.BYXX.Trim(); 
txtJG.Text- st.JiGuan.Trim(); 
txtName.Text- st.Name.Trim(); 
txtSex.Text- st.Sex.Trim(); 
txtSuShe.Text- st.SuShe.Trim(); 
txtTel.Text- st.Tel.Trim(); 
txtXB.Text- st.Department.Trim(); 


3.4 平行 项 目 训 练 


1. 训练 内 容 
根据 项 目 训练 内 容 , 新 增 学 生 插入 页 面 ,实现 学 生 信 息 的 增加 功能 。 
2. 训练 目的 


CD 进一步 训练 和 巩固 学 生 对 三 层 之 间 数 据 传递 方法 的 理解 ; 

(2) 使 学 生 对 数据 库 访问 有 一 个 比较 深刻 的 印象 和 掌握 。 

3. 训练 过 程 

【步骤 1] 在 数据 访问 层 tbStuService. cs 类 中 添加 代码 ,实现 数据 插入 功能 ,代码 
如 下 : 


public bool Addstudent (tbstu st) 
{ 
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string sql-"insert into dbo.tbStus (Id, Name, Department, BanJi, Sex, SuShe, Tel, 
JiGuan, BYXX) values (8 Id, @ Name, @ Department, @ BanJi, @ Sex, @ SuShe, @ Tel, @ 
JiGuan, BYXX)"; 
SqlParameter[] para-new SqlParameter[] 
t 
new SqlParameter ("@ Id",st.Id), 
new SqlParameter ("@ Name", st .Name) , 
new SqlParameter ("@ Department", st .Department), 
new SqlParameter ("@ BanJi",st.BanJi), 
new SqlParameter ("@ Sex", st.Sex), 
new SqlParameter ("@ SuShe", st .SuShe) , 
new SqlParameter ("8 Te1",st.Tel), 
new SqlParameter ("6 JiGuan",st.JiGuan), 
new SqlParameter ("8 BYXX",st.BYXX), 
n 
return DBHelper. ExecuteNonQuery (DBHelper. ConnectionString, CommandType. 
Text, sql, para)» 0; 
} 


【步骤 2】 在 业务 逻辑 层 tbStuManager. cs 类 中 添加 代码 ,如 下 所 示 : 


public bool AddStudent (tbStu st) 


【步骤 3] 


<table> 


{ 
return new tbStuService () .AddStudent (st) ; 
} 


示 层 添加 新 项 AddStu. aspx, 在 源 视图 下 编写 代码 如 下 : 


<tr><td colspan= "2" style- "text-align:center"> 学 生 增 加 系统 < /td» < /tr> 
<tr><td> 学 号 </td><td> 
«asp:TextBox ID= "txtId" runat- "server">< /asp:TextBox>< /td>< /tr> 

<tr><td> 姓 名 < /td><ta> 

<asp:TextBox ID= "txtName" runat- "server"> < /asp:TextBox>< /td» « /tr> 
<tr><td> 系 部 </td><td> 

<asp:TextBox ID= "txtXB" runat- "server">< /asp:TextBox>< /td>< /tr> 
<tr><td> 班 级 < /td><td> 

<asp:TExtBox ID-"txtBanJi" runat- "server"></asp:TExtBox></td></tr> 
<tr><td> 宿 舍 < /td><td> 

<asp:TextBox ID-"txtSuShe" runat- "server">< /asp:'lextBox» « /td></tr> 
<tr><td> 性 别 </tda><td> 

<asp:TextBox ID-"txtSex" runat="server">< /asp:TextBox>< /td>< /tr> 
<tr><td> H ifi« /td» «td» 

<asp:TextBox ID- "txtTel" runat— "server">< /asp:'IextBox « /td>< /tr> 
<tr><td $ BE « /ta» « td» 

<asp:TextBox ID- "txtJG" runat- "server" « /asp:TextBox»« /td>< /tr» 
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<tr><td> 毕 业 学 校 < /cd» « ta» 
<asp:TextBox ID= "txtBYXX" runat="server">< /asp:TextBox></td></tr> 
<tr><td colspan- "2" style- "text- align:center"><asp:Button ID= "Buttonl" runat 
—"server" Text- "插入 " OnClick- "Buttonl Click" /»« /td» « /tr» 
« /table» 


【步骤 4] 在 后 台 编 写 代码 如 下 : 


using System; 

using System.Collections.Generic; 
using System.Ling; 

using System.Web; 

using System.Web.UI; 

using System.Web.UI.WebControls; 
using StudentBLL; 

using StudentModel; 


public partial class AddStu : System.Web.UI.Page 
t 
protected void Page Load(object sender, EventArgs e) 
t 
} 
protected void Buttonl Click(object sender, EventArgs e) 
{ 
tbStu st=new tbStu() ; 
st.Id-txtId.Text; 
st.BanJi-txtBanJi.Text; 
St.BYXX-txtBYXX.Text; 
st.JiGuan-txtJG.Text; 
st.Name- txtName.Text; 
st.Sex-txtSex.Text; 
st.SuShe -txtSuShe.Text; 
st.Tel-txtTel.Text; 
st.Department- txtXB.Text; 
if (new tbStuManager () .AddStudent (st) ) 
Response.Write ("dfi A J& 2 ") ; 
else 


Response.Write ("dfi A ^k Wt") ; 


) 
【步骤 5] 程序 运行 如 图 3.15 所 示 。 


p 
ei 
fas 
E 


本 章 介 绍 了 如 何 建 立 系统 .SQL Server2008 数据 库 的 连接 与 如 何 对 数据 进行 增加 、 
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插入 成 功 

学 生 增加 系统 
学 号 1303 
姓名 EL] 


Er RFSREAFR — 
班级 计 应 1312 


宿舍 756 | 
性 别 x 
电话 124567754 
籍贯 zB 
毕业 学 校 RRF 
IN 


图 3.15 程序 运行 结果 


删除 、 修 改 和 查询 等 操作 ,主要 学 习 了 ADO. NET 中 的 对 象 与 方法 。 通 过 项 目 训练 “学 生 
查询 系统 ”和 平行 项 目 训练 “学生 增加 系统 ”, 整 体 训练 了 如 何 实现 对 数据 库 的 访问 以 及 如 
何 进 行 数据 的 增删 改 查 。 


3:6 5] 题 


1. ADO. NET 包含 哪 几 种 对 象 ? 
2. 如 何 创 建 数据 库 访 问 类 ? 
3. 调用 数据 库 访问 类 ,实现 登录 功能 ,参考 界面 如 图 3. 16 所 示 。 
员工 登录 系统 
BPRD C< 
Li EN 


meaemper 可 
Eal 


3.16 习题 3 参考 界面 
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$8 4 X — 动态 Web 界面 
设计 与 编码 


本 章 要 点 : 

。 界面 布局 与 设计 

。 基于 控件 的 详细 设计 

。 界面 之 间 的 调用 与 实现 
技能 目标 : 

。 会 设计 友好 的 用 户 界 面 

。 会 设计 用 户 界 面 中 的 控件 
。 会 在 界面 之 间 实 现 互 相 调 用 


4.1 项 目 导 入 


【项 目 场景 】 


苏州 健雄 职业 技术 学 院 要 开发 一 个 软件 测评 与 外 包 科技 服务 平台 ,请 你 为 该 单位 开 
发 该 平台 ,注册 界面 如 图 4.1 所 示 。 


用 Po: 厂 — — AAPS 


图 4.1 用 户 注册 界面 
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【问题 引导 】 


CD 如 何 设 计 用 户 注 册 界 面 。 
(20 如 何 设 置 界面 中 的 控件 。 


4.2 技术 与 知识 准备 


4.2.1 界面 布局 与 设计 


在 进行 界面 布局 时 ,应 先 针对 在 整个 网 站 的 网 页 中 重复 出 现 的 部 分 ,如 网 页 顶部 的 图 
片 、 导 航 以 及 网 页 底部 的 文字 等 ,分 析 是 否 有 必要 将 其 做 在 母 版 页 中 。 母 版 页 是 一 个 以 
“. master” 作 为 后 级 名 的 文件 , 它 首先 将 页 面 上 的 公用 元 素 (如 网 站 Logo、 广 告 条 、 导 航 条 
等 ) 整 合 在 一 起 。 何 为 母 版 页 ,顾名思义 母 版 就 是 模版 ,就 像 在 PPT 里 面 的 板式 或 主题 一 
样 ,大 框架 已 经 有 了 ,我们 的 任务 就 是 向 里 面 添 加 有 具体 的 内 容 。 这 样 我 们 制作 的 所 有 幻灯 
片 的 外 观 大 体 都 是 一 样 的 。 在 ASP. NET 中 母 版 页 有 两 种 作用 ,一 是 提高 代码 的 复 用 
(把 相同 的 代码 抽出 来 ) ,二 是 使 整个 网 站 保持 一 致 的 风格 和 样式 。 

母 版 页 的 使 用 与 普通 页 面 类 似 , 可 以 在 其 中 放置 文件 或 者 图 形 、 任 何 的 HTML 控件 
和 Web 控件 ,后 置 代 码 等 。 与 普通 页 面 不 一 样 的 是 , 它 可 以 包含 ContentPlaceHolder 控 
件 ,ContentPlaceHolder 控件 就 是 可 以 显示 内 容 页 面 的 区 域 。 

母 版 页 仅仅 是 一 个 页 面 模板 ,单独 的 母 版 页 是 不 能 被 用 户 所 访问 的 。 单 独 的 内 容 页 也 
不 能 够 使 用 。 母 版 页 和 内 容 页 有 严格 对 应 关系 。 母 版 页 包含 多 少 个 ContentPlaceHolder 控 
件 ,那么 内 容 页 中 也 必须 设置 与 其 相对 应 的 Content 控件 。 当 客户 端 浏览 器 向 服务 器 发 出 
请 求 , 要 求 浏览 某 个 内 容 页 面 时 ,引擎 将 同时 执行 内 容 页 和 母 版 页 的 代码 ,并 将 最 终结 果 发 
送 给 客户 端 浏 览 器 。 

【示例 4.1】 新 建 母 版 页 houtaiMaster. master. 

【步骤 1] 搭建 系统 架构 ,并 添加 各 层 之 间 的 依赖 关系 ,如 图 4.2 所 示 。 


wl” 
GEEGUZESGSESENCHe) D- 


R RADE Dormitory’ (4 NAR) 
Dorm. OA 


b 回 DormitoryDAL 
b DormitoryModel 


4.2. 搭建 系统 框架 


【步骤 2] Aik Dorm_OA ,依次 选择 “添加 ”一 “新 建文 件 夹 ”, 取 名 为 “houtai”, 右 击 
“houtai” 文 件 夹 ,依次 选择 “添加 ”一 “添加 新 项 ”, 弹 出 如 图 4. 3 所 示 的 对 话 框 。 

【步骤 3】 左 侧 选 择 C e o f xe FERE RR OC. TF Hl A EE UC. PR houtaiMaster. 
master, 单 击 【添加 按钮 ,如 图 4. 4 所 示 。 
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图 4.4 添加 母 版 页 


【步骤 4】 新 创建 的 母 版 页 上 面 默认 有 两 个 ContentPlaceHolder, 分 别 是 预 留 给 内 容 
页 的 头 部 和 主体 部 分 显示 的 控件 ,可 以 把 每 个 ContentPlaceHolder 控件 理解 成 一 个 “内 


容 占 位 符 ”, 至 于 每 个 占 位 符 中 到 底 会 显示 哪些 内 容 , 则 由 具体 的 内 容 页 要 显示 的 内 容 决 
定 。 创 建 后 的 母 版 页 代码 如 下 所 示 : 


«$8 Master Language="C#" AutoEventWireup- "true" CodeFile="houtaiMaster. master. cs" 
Inherits- "houtai houtaiMaster" $» 


< !DOCTYPE html> 


«html xmlns- "http://www.w3.0rg/1999/xhtml"» 


Xhead runat="server"> 


984* nS WebA mikit den 


«meta http- equiv- "Content- Type" content- "text/html; charset-utf- 8"/» 
«title»«/title» 
«asp:ContentPlaceHolder id- "head" runat="server"> 
< /asp:ContentPlaceHolder^ 
< /head» 
<body> 
< form id= "forml" runat="server"> 
<div> 
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> 
< /asp:ContentPlaceHolder» 
</div> 
«/form» 
< /body» 
</html> 


4.2.2 基于 控件 的 详细 设计 
在 母 版 页 新 建 完成 后 ,就 可 以 根据 需求 制作 具体 母 版 页 了 , 摆 放 相关 控件 ,并 设置 控 


件 的 属性 。 


【示例 4.2】 完成 母 版 页 制作 ,如 图 4.5 所 示 。 


| 
A uda T 
ober 宿舍 故障 报修 管理 系统 后 台 


已 管 理 员 信 息 营 理 
iR 


BORE: hs "ia el. pE ARARAS 


图 4.5 母 版 页 


【步骤 1] 在 母 版 页 中 添加 代码 ,如 下 所 示 : 


«$8 Master Language="C#" AutoEventWireup- "true" CodeFile- "houtaiMaster.master.cs" 

Inherits- "houtai houtaiMaster" $» 

< !IDOCTYPE html> 

<html xmlns= "http: //www.w3.org/1999/xhtm1"> 

<head runat="server"> 

<meta http- equiv- "Content- Type" content- "text/html; charset=utf- 8"/> 
«title»«/title» 
Xasp:ContentPlaceHolder id- "head" runat="server"> 
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< /asp:ContentPlaceHolder» 
< /head> 
<body> 
< form id- "forml" runat="server"> 
«div» 
«table style- "width:1000px;height:500px"» 
<tr><td colspan-"2"» 
«asp:Image ID- "Imagel" runat="server" ImageUrl-"- /Images/indexl.jpg" 
/» «€ /td» « /tr» 
<tr><td style- "height:300px; width:300px;vertical- align:top"» 
«asp:TreeView ID- "TreeViewl" runat="server"> 
< /asp:TreeView» 
< /td» « td style- "vertical- align:top; width:700px"» « asp:ContentPlaceHolder 
id- "ContentPlaceHolderl" runat="server"> 
< /asp:ContentPlaceHolder» < /td» « /tr> 
«tr»«td colspan- "2" style- "text- align:center"> 版 权 所 有 :苏州 健雄 职业 技 
术 学 院 &nbsp; &nbsp; &nbsp; &nbsp; Jl BE :江苏 省 太仓 市 科教 新 城 健雄 路 1 号 <br /> 
邮政 编码 :215411 gnbsp; snbsp; &nbsp; gnbsp; 联 系 电话 :0512- 53941111< /td> < /tr 
» 
</table> 
</div> 
«/form» 
< /body» 
</html> 


【步骤 2] TreeView 控件 是 一 种 用 于 显示 层次 化 结构 的 控件 ,可 用 于 显示 树 形 导航 ， 
TreeView 控件 的 使 用 方式 分 为 两 种 : 视图 中 编辑 和 动态 添加 ,这 里 我 们 只 介绍 视图 中 
编辑 。 

(1) 在 “设计 ?视图 中 , 右 击 TreeView 控件 ,选择 “编辑 节点 ”。 

(2) 在 “TreeView 节点 编辑 器 ”中 的 “节点 ”下 ,可 以 选择 “添加 根 节点 ”, 也 可 以 选择 
“ 子 节点 ”, 在 “TreeView 节点 编辑 器 "中 的 “属性 "下 可 以 对 当前 选中 的 节点 进行 属性 设 
置 ,如 图 4.6 所 示 。 

TreeView 的 节点 TreeNode 常用 属性 见 表 4. 1. 


表 4.1 TreeView 的 节点 TreeNode 常用 属性 


属 性 说 Hg 

Text 节点 中 显示 的 文本 

Value 可 用 于 存储 节点 的 非 显示 数值 
NavigateUrl 单 击 节点 时 导航 到 的 URL 


CD 在 视图 中 添加 节点 ,并 设置 相应 属性 ,如 图 4.7 所 示 。 
相应 的 源 视 图 的 代码 如 下 所 示 : 
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4.6 TreeView 节点 编辑 器 


TreeView 
REO: 


FAN: 
t*x|teskE 2E) 


Expanded 
ImageToolTip 
ImageUrl 

NavigateUrl 
PopulateOnDem False 


4.7. 设置 节点 属性 


<asp:TreeView ID= "TreeViewl" runat="server"> 


<Nodes> 
<asp:TreeNode Text=" 管 理 员 信息 管理 " value= "管理 员 信 息 管理 "> 


<asp:TreeNode Text=" 编 辑 " Value=" 编 辑 " NavigateUrl- 


"^ /houtai/AdminEdit.aspx"»« /asp:TreeNode> 
«asp:TreeNode Text=" 增 加 "Value=" 增 加 " NavigateUrl- 


"^ /houtai/AdminAdd.aspx"»« /asp:TreeNode> 
< /asp:TreeNode» 
«asp:TreeNode Text- "宿舍 信息 管理 " value- "宿舍 信息 管理 "> < /asp: TreeNode» 
<asp:TreeNode Text= "维修 员 信息 管理 " Value= "维修 员 信息 管理 "> < /asp:TreeNode> 
</Nodes> 
</asp:TreeView> 
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4.2.3 界面 之 间 的 调用 与 实现 


【示例 4. 3】 基于 母 版 页 添加 AdminAdd. aspx 管理 员 增 加 页 面 , 界 面 如 图 4. 8 
所 示 。 


EET a Ye TT 


宿舍 故障 报修 管理 系统 后 台 
a TR 息 管理 用 户 名 
" m 
dinem 
维修 员 信息 管理 Er» 


版 权 遍 有， 苏州 健 茜 职业 技术 学 院 iL. BERORREN 
邮政 编码 ，215411 联系 电话 ，0512-53941111 


4.8 管理 员 增加 界面 


【步骤 1] 在 解决 方案 资源 管理 器 中 , 右 击 houtai, 选 择 “ 添 加 ”一 “添加 新 项 ”, 弹 出 如 
图 4. 9 所 示 的 对 话 框 , 左 侧 选 择 C , 右 侧 选择 Web 窗 体 ,在 下 面 输入 名 称 *AdminAdd. 
aspx”, 选 择 母 版 页 前 面 把 钩 勾 上 , 单 击 * 添 加 ”按钮 。 


图 4.9 添加 新 项 


【步骤 2】 弹出 选择 母 版 页 对 话 框 , 左 侧 项 目 文件 夹 选 择 houtai, 右 侧 文件 夹 内 容 选 择 
“houtaiMaster. master”, 单 击 “ 确 定 ” 按 钮 ,如 图 4. 10 所 示 。 
【步骤 3] 基于 母 版 页 生成 的 内 容 页 *AdminAdd. aspx”, 源 视图 代码 如 下 所 示 : 


984* zin WebA mit 5s dn 


» 国 Content 


E houtai 
E Images 
b 国 Scripts 


图 4.10 选择 母 版 页 


<%@ Page Title -"" Language -" C £" MasterPageFile =" ~ /houtai/houtaiMaster. master" 
AutoEventWireup- "true" CodeFile- "AdminAdd.aspx.cs" Inherits- "houtai AdminAdd" $» 
«asp:Content ID- "Contentl" ContentPlaceHolderID- "head" Runat- "Server"» 

< /asp:Content» 

< asp: Content ID =" Content2" ContentPlaceHolderID =" ContentPlaceHolderl" Runat = 
"Server"? 

< /asp:Content» 


【步骤 4】 在 内 容 页 中 添加 两 个 文本 框 (TextBox) 和 一 个 按钮 (Button) ,并 修改 相应 


属性 , 源 视图 代码 如 下 所 示 : 


«$(Q9 Page Title -"" Language =" C $" MasterPageFile =" ~ /houtai/houtaiMaster. master" 
AutoEventWireup- "true" CodeFile- "AdminAdd.aspx.cs" Inherits- "houtai AdminAdd" $» 
«asp:Content ID- "Contentl" ContentPlaceHolderID- "head" Runat- "Server"» 
< /asp:Content» 
< asp: Content ID=" Content2" ContentPlaceHolderID =" ContentPlaceHolderl" Runat = 
"Server"? 
«table»«tr style- "height:40px"»« td» JH P! 44 < /td» « td» 
<asp:TextBox ID- "TextBoxl" runat- "server"»« /asp:TextBox»« /td>< /tr> 
«tr style- "height:40px'» « td» S il « /td» <td> 
<asp:TextBox ID- "TextBox2" runat- "server">< /asp:TextBox»« /td>< /tr> 
«tr style- "height :40px"» « td colspan- "2" style- "text- align:center"» 
«asp:Button ID- "Buttonl" runat="server" Text- "添加 " />< /td» « /tr> 
</table> 
< /asp:Content> 


4.3 W B M| £& 


通过 对 以 上 内 容 的 学 习 , 了 解 了 创建 母 版 页 的 步骤 ,同时 了 解 了 控件 属性 的 设置 方法 
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以 及 界面 调用 的 方法 ,现在 我 们 回 到 项 目 导入 的 任务 中 来 。 
【步骤 1] 搭建 系统 框架 ,添加 各 层 之 间 的 依赖 关系 ,如 图 4. 11 所 示 。 


Doa e-e08|p| rR- 


搜索 解 方 实 资源 管理 三 (Ctrl + Pr 


dex presting (4 NAB) 
» SOC ngun 

b 回 SoftwareTesting.BLL 

b 回 SoftwareTesting.DAL 

b E SoftwareTesting.Model 


图 4.11 搭建 系统 框架 


【步骤 2) 新建 一 个 母 版 页 , 右 击 Web, 依 次 选择 “添加 ”一 “添加 新 项 ”, 在 弹出 的 窗口 
中 ,选择 “ 母 版 页 ”, 然 后 修改 名 称 为 top. master, 单 击 “ 添 加 ”按钮 ,如 图 4. 12 所 示 。 


ITDEFSUULDLLOITNUDEEETMUTERS 


E ` 了 可 
^ B amm nu E SEO Cul p- 
Vind Paste a 
to SÉ visaa on A Tiaa oh 
vina ee e ta EDAD 
(am Rosen ima vou ca 
[Ej mune vima cr 
[B nsa vina c» 
É see [er 
Ej nenne Vind ck 
Ej aoun vina cr 
iJ ve mela Vina CF 
LEON LL I Visa C» 
FEL LT 
入 osse tii Vind oe 
Dms vedo 
Ef mn vanc = 
fi 
LI o matar (SERIES D 
Cia co 
Ces] w^ | 


4.12 新 建 母 版 页 top. master 
【步骤 3 在 母 版 页 中 添加 代码 ,完成 母 版 页 制作 ,如 图 4.13 所 示 。 


«$8 Master Language- "C£" AutoEventWireup- "true" CodeFile- "Top.master.cs" Inherits- "Top" 
2» 


< !DOCTYPE html PUBLIC "- //W3C//DTD XHTML 1.0 Transitional//EN" "http://www. w3. org/TR/ 
xhtmll/DTD/xhtmll- transitional .dtd"> 
«html xmlns= "http: //www.w3.0rg/1999/xhtml"» 
« head runat="server"> 
«title»«/title» 
«asp:ContentPlaceHolder id- "head" runat="server"> 
< /asp:ContentPlaceHolder» 
«style type- "text/css"» 
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图 4.13 母 版 页 top. master 
-menu(background:url ('images/bg 2.gif')repeat- x; 
height:52px;padding-left:B80px;  ) 
* (margin:0px; padding:Opx;) 


-menusel( float:left;width:ll5px; position:relative; margin- top:20px;) 

-menusel h2( font- size:l2px; height:32px; font- weight:normal;) 

-menusel a(text- align:center; width:l30px;height:25px;  position:relative; z- index:2; 
Color:#fff;} 

a{ color:#687f96; text- decoration:none;} 


-position( position:absolute; z- index:1; margin- left:- 10px;} 


index:1; display:none; } 


-menusel ul {width: 130px; background: # 608ab3; margin- top: - lpx; position: relative; z- 
.typeul{ 


margin- left:0; } 
.Clearfix{display:inline- block;} 
ul(list- style- type: none;} 


.typeul li (border- bottom: lpx solid # fff; width: 124px; position: relative; float: left; 
height:35px; line- height:35px; padding- left:6px;] 
.menusel .lli( border:none; ) 
</style> 

< /head> 
<body> 

< form id= "forml" runat="server"> 

<div> 


«img src= "Images/bannernewl.jpg" /><div class= "menu" 
<div class= "menusel" style- "width:95px;"» 


«h2»«a href- "index.html" Ë Ji « /a» < /h2> 
</div> 


<div id- "menul" class= "menusel"> 


«h2»«a href= "xiangging.html"» f R f] < /a» « /h2> 
<div class="position"> 
<ul class="clearfix typeul"> 
<li><a href- "http: //www.865171.cn"» Zt R] ff fr « /a>< /1i» 
<li><a href- "http://www.865171.cn"> 企 业 文 化 < /a» « /1i» 


47 


48 ASP.NET 3j zs Web 开发 技术 项 目 化 教程 


<li class-"lli"»«a href- "http://www.865171.-cn"> 联 系 我 们 </a></1i> 
</ul> 
</div> 
</div> 
<div id= "menu2" class= "menusel"» 
<h2><a href- "xiangqing.html"> 政 策 法 规 < /a» « /h2> 
«div class= "position"> 
«ul class-"clearfix typeul">< /ul> 
« /div» 
</div> 
<div id= "menu3" class= "menusel"> 
<h2><a href= "xinwen.html"» $ M fA & < /a» « /h2> 
<div class= "position"» 
<ul class="clearfix typeul"> 
<li><a href- "http: //www.865171.cn"» 17 M $ < /a» « /1i» 
<li><a href- "http: //www.865171.cn"» Zt R] Br < /a» « /1i» 
<li class-"lli"»«a href- "http: //www.865171.cn"» f£ R XC fli « /a» « /1i» 
</ul> 
</div> 
</div> 
<div id= "menu4" class- "menusel"> 
<h2><a href="http://www.865171.cn"> 测 试 资料 < /a» < /h2> 
<div class- "position"» 
«ul class- "clearfix typeul"» 
<li class-"lli"»«a href="http://www.865171.cn"> 我 们 的 软件 < /a>< /1i> 
</ul> 
</div> 
</div> 
<div id= "menu5" class= "menusel"> 
<h2><a href="http://www.865171.cn"> 工 具 下 载 </a></h2> 
<div class= "position"> 
«ul class= "clearfix typeul"> 
</ul> 
</div> 
</div> 
«div id= "menu6" class- "menusel"» 
«h2»«a href- "http: //www.865171.cn"» R ffl 44 BT « /a» < /h2> 
<div class- "position"» 
«ul class-"clearfix typeul"> 
<li><a href- "http: //www.865171.cn"» R K Bl i « /a» « /1i» 
<li><a href- "http://www .865171.cn"» Bl zi Fl] 3€ « /a» « /1i» 
<li><a href- "http: //www.865171.cn"» f A « /a» « /li» 
<li><a href- "http: //www.865171.cn"» f iX < /a» « /1i» 
<li class-"lli"»«a href- "http: //www.865171.cn"»fVF« /a» « /1i» 
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</ul> 
</div> 
</div> 
<div id="menu7" class= "menusel"> 
<h2><a href- "http: / /www.865171.cn"» Bk R & f[] « /a» « /h2» 
<div class- "position" 
«ul class-"clearfix typeul"» </ul> 
« /div» 
</div> 
</div> 
<asp:ContentPlaceHolder id- "ContentPlaceHolderl" runat="server"> 
< /asp:ContentPlaceHolder> 
</div> 
«/form» 
< /body» 
</htm> 


【步骤 4 fii Web, 依 次 选择 “添加 ”一 “添加 新 项 ”, 如 图 4. 14 所 示 。 


图 4.14 选择 “添加 新 项 ” 


【步骤 5】 在 弹出 的 对 话 框 中 选择 Web 窗 体 ”. 更 改名 称 为 : register. aspx, 并 勾 选 
“选择 母 版 页 "选项 ,最 后 单 击 “ 添 加 ”按钮 ,如 图 4. 15 所 示 。 

【步骤 6] 在 弹出 的 对 话 框 中 ,选择 之 前 制作 好 的 top. master 母 版 页 ,如 图 4. 16 
所 示 。 

【步骤 7] 在 register. aspx 页 面 中 进行 布局 , 拖 动 文本 框 与 按钮 ,如 图 4.17 所 示 。 

【步骤 8) 创建 数据 库 WebSites, 添 加 数据 表 Company, 如 图 4. 18 所 示 , 并 配置 Web. 


config: <connectionStrings> 


<add name= "News" connectionString= "server= YJATGJTKXXXUD5H; database=WebSites; uid= 
sa; pwd=123456" providerName- "System.Data.SqlClient"/» 


< /connectionStrings» 


【步骤 9] 根据 数据 表 Company ,在 实体 层 添加 类 Company. cs, 编 写 代 码 如 下 : 
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ih ax 
cm sm (EHE Clun P= 

va tsis 

^ am viwa c 

Visual CE ta 应 用 程序 的 省 件 

IE 
ap 

ea Feziater, exp fa fk cec 中) 


RI SERIE CO 


Dee] ww | 
图 4.15 选择 “Web 窗 体 ” 选 项 


aix 
项 目 文件 夹 中 ); 文件 夹 内 容 CC); 
SOM WSoftwareTestingUI\ 
Gi APP code 
Wi oo Det 
Bin 
ii download 
Bi wp。 
8 ME Images 
ii Policy 
ii Scripts 
国 Styles 
[Ed 


IRAE 


= 
图 4.17 register. aspx 界面 设计 
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'OEM-20130723TNF...es - dbo.Company| 
列 名 数据 类 型 允许 Nul 
[E] int 
nvarchar(MAX) 
nvarchar(MAX) 
nvarchar(MAX) 
nvarchar(MAX) 
nvarchar(MAX) 


nvarchar(S0) 

nvarchar(MAX) 
nvarchar(MAX) 
nvarchar(MAX) 
nvarchar(MAX) 


图 4.18 Company 数据 表 


Public class Company 


{ 


private int id; 
public int Id 
t 
get ( return id; ) 
set ( id-value; } 
} 
Private string username; 
public string Username 
t 
get { return username; } 
set { username- value; } 
} 
Private string pwd; 
public string Pwd 
{ 
get { return pwd; } 
set ( pwd- value; } 
) 
private string cName; 
public string CName 
t 
get { return cName; } 
set ( cName- value; } 
} 
private string lxName; 
public string LxName 
t 
get { return lxName; ) 
set ( 1xName-value; ] 


动态 Web 界 面 设计 与 编码 
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private string address; 
public string Address 
t 
get ( return address; ) 
set ( address-value; } 
} 
private string cintroduce; 
public string Cintroduce 
{ 
get { return cintroduce; } 
set { cintroduce-value; } 
} 
private string email; 
public string Email 
{ 
get ( return email; } 
set ( email-value; } 
} 
Private string tel; 
public string Tel 
{ 
get { return tel; } 


set { tel=value; 
} 
private string fax; 
public string Fax 
t 
get ( return fax; ) 
set { fax-value; ) 
} 
Private string zip; 
Public string Zip 
t 
get { return zip; ) 
set ( zip-value; } 
} 
public Company () {} 
} 


【步骤 10] 添加 数据 访问 类 SqlHelper. cs, 并 编写 代码 , 见 第 3 章 内 容 。 
【步骤 111 数据 访问 层 添加 类 CompanyService. cs, 编 写 代 码 如 下 : 
public void AddCompany (Company company) 


t 
string sql=" INSERT Company (UserName, PWD, CName, LXName, Address, CIntroduce, 


第 4 章 — 动态 Web 界 面 设计 与 编码 


Email,Tel, Fax, Zip)"- "VALUES (8 UserName, 6 PWD, @ CName, 6 LXName, @ Address, @ 
CIntroduce, @ Email, @ Tel, 6 Fax, @ Zip)"; 
sql*-";SELECT @ @ IDENTITY"; 
SglParameter[] para-new SqlParameter [] 
t 
new SqlParameter ("8 UserName", company . Username) , 
new SqlParameter ("8 PWD", company . Pwd) , 
new SqlParameter ("6 CName", company .CName) , 
new SqlParameter ("@ LXName", company .LxName), 
new SqlParameter ("8 Address", company.Address), 
new SqlParameter ("8 CIntroduce", company .Cintroduce), 
new SqlParameter ("8 Email",company.Fmail), 
new SqlParameter ("@ Te1",company.Tel), 
new SqlParameter ("8 Fax",company.Fax), 
new SqlParameter ("8 Zip",company.Zip) 
n 
company.Id- Convert. ToInt32 (SqlHelper. ExecuteScalar (this. connection, 
CommandType.Text, sql, para)); 
) 


【步骤 12) 1v 5:32 SROZ ACH AXIAL : 


public void AddCompany (Company company) 
t 
new CompanyService () . AddCompany (company) ; 
) 


【步骤 13] 编写 “注册 ”按钮 代码 : 


Protected void btnRegister Click (object sender, EventArgs e) 
{ 
Company company- new Company () ; 
company .Username- txtUserName.Text; 
company .Pwd- txtPassWord.Text; 
company .CName= txtCName.Text; 
company.LxName- txtLXName.Text; 
company .Address- txtAddress.Text; 
company .Cintroduce- txtCIntroduce.Text; 
company .Email- txtEmail.Text; 
company.Tel- txtTel.Text; 
company.Fax-txtFax.Text; 
company.Zip-txtZip.Text; 
CompanyManager manager- new CompanyManager () 7 
manager .AddCompany (company) ; 
Page.RegisterClientScriptBlock("alert", "< script» alert ("注册 成 功 !') 
</script>"); 
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4.4 平行 项 目 训 练 


1. 训练 内 容 

界面 布局 与 设计 、 基 于 控件 的 详细 设计 。 

2. 训练 目的 

(1) 进一步 训练 和 巩固 学 生 对 控件 设计 方法 的 理解 ; 

(2) 使 学 生 对 友好 的 用 户 界 面 设 计 有 一 个 比较 深刻 的 印象 和 认识 。 

3. 训练 过 程 

【步骤 1】 创 建 Web fif DownLoadList. aspx, 并 使 用 母 版 页 Top. master, 并 在 页 面 
中 添加 HyperLink 控件 ,如 图 4. 19 所 示 。 


armin 

WIA URMIR AIR 元 MT 月 RHMIR 
loadrunners2 aeo HAM IDEAS PX | VUDSSetup HP Webinzpet 安全 
Wob Application | Winfunneria Quaity Comor 904 | Rasional uriy 70 IBM Rational 


图 4.19 DownLoadList. aspx 界面 设计 


【步骤 2] it HyperLink 控件 属性 ForeColors = Black (控件 中 文本 颜色 )， 
NavigateUrl—" — /DownLoadDetail. aspx"( 定 位 到 的 URL) . Text —loadrunner8. 1( 该 链 
接 显 示 的 文本 ) ,如 图 4. 20 所 示 。 


HyperLink4 System. Web. UT. WebControls. HyperLink 
gas 天 


Text 


ClientIDode Inherit 
CssClass 
Enabled True 
EnableThening True 
EnableViexState True 

[E Font 
ForeColor Black 
Height 
Inagelrl 
Navigatelrl /DownLoadDetail. asp: 
TabIndex 0 
Target 


loadrunner8.1 


图 4.20 HyperLink 控件 属性 设计 
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4.5 总 £e 


本 章 通过 简单 项 目 案例 ,介绍 了 如 何 进 行 界面 布局 与 设计 ,如 何 对 控件 进行 详细 设计 
以 及 如 何 实现 界面 之 间 的 调用 。 通 过 项 目 训练 注册 界面 ”及 平行 项 目 * 测 试 软件 界面 ? 整 
体 训练 了 详细 设计 友好 的 用 户 界面 的 方法 。 


4.6 J 题 
1. 什么 是 母 版 页 ? 母 版 页 有 什么 作用 ? 


2. TreeView 控件 数据 添加 分 为 哪 两 种 方式 ? 
3. 创建 母 版 页 ,如 图 4. 21 所 示 。 


Bt ta 


LIBRARY MANNEE 


图 4.21 创建 母 版 页 
A. 基于 母 版 页 创建 内 容 页 ,完成 密码 修改 功能 ,界面 如 图 4. 22 所 示 。 


图 4.22 修改 密码 界面 
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本 章 要 点 : 

。 录入 数据 方法 与 编码 

。 查询 数据 方法 与 编码 

。 删除 数据 方法 与 编码 

。 修改 数据 方法 与 编码 

技能 目标 : 

。 会 编码 获取 GridView 单元 格 的 数据 

。 会 编码 实现 GridView 基于 单元 格 的 更 新 
。 会 编码 实现 GridView 中 的 数据 删除 

。 会 编码 处 理 GridView 的 常用 事件 


5.1 ABSA 


【项 目 场 景 】 
太仓 某 公司 要 开发 一 个 小 型 系统 ,能 够 实现 该 公司 信息 的 增删 改 查 功能 ,运行 结果 如 
图 5. 1— HE] 5.3 所 示 ,请 你 为 该 公司 开发 该 系统 ,实现 相应 功能 。 


公司 名 称 ， 
bd. 


邮政 编码 : 

联系 电话 ， 
传真 : 

KRA 
E-mail: 


添加 


图 5.1 添加 公司 信息 
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会 司 名 称 Email 联系 人 电话 IBR 

新 科技 有 限 公司 mm(126.com 高 女士 0512-6972266 ME 
奇 奇 科技 有 限 公司 ms@163.com 张 女士 0512-6972266 ME 
新 世纪 集团 mm(2163.com 李 小 丽 0512-6972266 MIE 
Exe dri] mq(2163.com Top 0512-6978981 MIE 
明天 公司 Yu@163 com 李 小 同 0512-6978981 [HIE 


图 5.2 查询 、 删 除 公 司 信息 
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联系 人 


公司 名 称 Email 电话 LIS 
新 科技 有 限 公司 my@126.com gao 女 士 0512-6972266 更 新 取消 巍 | 除 | 
奇 奇 科技 有 限 公司 ms@163.com 张 女士 0512-6972266 RA WEE 
新 世纪 集团 mm(2163.com EJK] 0512-6972266 ”| 编辑 Ris: 
家 化 集团 mq163 com 杨柳 0512-6978981 A [rit 
图 5.3 修改 公司 信息 
【问题 引导 了 


(1) 如 何 添加 数据 。 
(2) 如 何 查询 数据 。 
(3) 如 何 删除 数据 。 
(4) 如 何 修改 数据 。 


5.2 技术 与 知识 准备 


5.2.1. 了 录 人 数据 方法 与 编码 
【示例 5.1】 新 建 一 个 学 生 管理 系统 ,能 够 实现 学 生 信 息 的 添加 功能 ,如 图 5. 4 
Bram. 


【步骤 1] 搭建 系统 框架 ,添加 各 层 之 间 的 依赖 关系 ,如 图 5. 5 所 示 。 


添加 学 生 信息 
学 号 132012 


图 5.4 添加 学 生 信息 


姓名 xm 
TERI Xx 
专业 电子 商务 » StuBLL 
籍贯 IPAG b fe StuDAL 
b 加 StuModel 
Em b © StuMWeb 


图 5.5 搭建 系统 框架 
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【步骤 2] 创建 数据 库 dbStu, 添 加 数据 表 tbStuInfos, 如 图 5. 6 所 示 , 并 配置 Web 


.config: —connectionStrings-- 


<add name= "DefaultConnection" providerName- "System.Data.SqlClient" connectionString 
= "Data Source- .;Initial Catalog-dbStu; Integrated Security- True" /> 


< /connectionStrings» 


'OEM-20130723TNF.d.. - dbo.tbStuInfos | 


图 5.6 学 生 信息 表 


【步骤 3】 根据 数据 表 , 在 实体 层 添加 类 tbStuInfo. cs ,编写 代码 如 下 : 


using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
using System.Threading.Tasks; 
namespace StuModel 
1 
public class tbStuInfo 
t 
private string sno; 
public string Sno 
t 
get ( return sno; ) 
set { sno-value; } 
H 
private string sname; 
public string Sname 
{ 
get { return sname; } 
set { sname- value; } 
} 
private string sex; 
public string Sex 
{ 
get { return sex; } 
set { sex-value; } 
} 
private string zhuanYe; 
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public string ZhuanYe 
t 
get ( return zhuanYe; } 
set { zhuanYe- value; } 
} 
private string jiGuan; 
public string JiGuan 
{ 
get { return jiGuan; } 
set { jiGuan=value; } 


} 


【步骤 4]】 添加 数据 访问 类 DBHelper. cs, 并 编写 代码 , 见 第 3 章 内 容 。 
【步骤 5) 数据 访问 层 添 加 类 tbStulnfoService. cs, 编 写 代 码 如 下 : 


using System; 

using System.Collections.Generic; 
using System.Linq; 

using System.Text; 

using System.Threading.Tasks; 
using StuModel; 

using System.Data; 


namespace StuDAL 
t 
public class tbStuInfoService 
t 
public bool AddStuInfo (tbStuInfo tbstu) 
{ 


String sql- string. Format ("insert into tbStuInfos (Sno, Sname, Sex, ZhuanYe, 
JiGuan)values ('(0)','(1)', ' (2) ', ' (3) ', ' (4) ") ", tbstu.Sno, tbstu.Sname, tbstu. 


Sex, tbstu.ZhuanYe, tbstu.JiGuan); 


return DBHelper.ExecuteNonQuery (DBHelper.ConnectionString, CommandType.Text, 


sql)>0; 


) 
【步骤 6l 业务 逻辑 层 编 写 代 码 如 下 : 


using System; 

using System.Collections.Generic; 
using System.Ling; 

using System.Text; 
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using System.Threading.Tasks; 
using StuModel; 
using StuDAL; 


namespace StuBLL 
t 
public class tbStuInfoManager 
t 
public bool AddStuInfo (tbStuInfo tbstu) 
t 
return new tbStuInfoService () .AddStuInfo (tbstu) ; 


y 
【步骤 7] Ait StuMWeb ,添加 页 面 Reg. aspx, 源 视图 代码 如 下 : 


< %@ Page Language- "Cf" AutoEventWireup- "true" CodeFile- "Reg.aspx.cs" Inherits- "Reg" $» 
< !DOCTYPE html> 

<html xmlns- "http://www.w3.0rg/1999/xhtml"» 

€ head runat="server"> 

«meta http- equiv- "Content- Type" content- "text/html; charset- utf- 8"/» 


«title»«/title» 
< /head» 
<body> 
< form id= "forml" runat="server"> 
<div> 
<table> 
<tr><td colspan="2" style-"text- align:center; font- size:large; color:red" 
> 添加 学 生 信息 < /ta>< /tr> 


<tr><td> 学 号 < /td><td> 
<asp:TextBox ID= "txtSno" runat="server"> < /asp:TExtBox></td></tr> 
<tr><td> lk 4 «/td» < td» < asp: TextBox ID=" txtSname" runat-" server" > 
< /asp:TextBox»« /td> < /tr» 
<tr><td> 性别 </td> < td» < asp: TextBox ID-"txtSex" runat="server"> < /asp: 


TextBox>< /td>< /tr> 
<tr><td> Ẹ Ml « /td» « td» « asp: TextBox ID= "txtZhanYe" runat="server"> < /asp: 
TextBox>< /td>< /tr> 
<tr><td> 籍 贯 < /td> < td» < asp: TextBox ID= "txtJiGuan" runat="server"> < /asp: 
TextBox>< /td>< /tr> 
<tr><td colspan- "2" style- "text- align:center"> 
«asp:Button ID- "Buttonl" runat- server" Text- "HS Jl" /></td>< /tr> 
« /table» 
</div> 
< /fom> 
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< /body> 
« /html» 


【步骤 8】 表 示 层 后 台 代码 如 下 : 


using System; 
using System.Collections.Generic; 
using System.Linqg; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using StuBLL; 
using StuModel; 
public partial class Reg : System.Web.UI.Page 
t 
protected void Page Load(object sender, EventArgs e) 
t 
) 
protected void Buttonl Click(object sender, EventArgs e) 
t 
tbStuInfo tbs-new tbStuInfo(); 
tbs.Sno-txtSno.Text; 
tbs.Sname- txtSname.Text; 
tbs.Sex-txtSex.Text; 
tbs.ZhuanYe- txtZhanYe.Text; 
tbs.JiGuan- txtJiGuan.Text; 
if (new tbStuInfoManager () .AddStuInfo (tbs) ) 
Response.Write ("< script» alert (' 添 加 成 功 ')< /script>"); 
else 


Response.Write ("< script>alert (' 添 加 失败 ')< /script>"); 


5.2.2 查询 数据 方法 与 编码 


ASP. NET 中 有 以 下 两 种 数据 绑 定 方式 : 

1. 编码 指定 数据 源 

所 谓 的 指定 数据 源 的 方式 ,就 是 编写 代码 在 程序 运行 中 动态 绑 定数 据 源 ,例如 : 
GridViewl.DataSource- new UserManager () .GetUsers () ; 


// 业 务 逻 辑 层 已 编写 方法 Getusers 0 ,获取 所 有 用 户 


GridViewl.DataBind(); 


GridViewl 就 是 数据 绑 定 控件 GridView. 
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2. 使 用 数据 源 控 件 
数据 源 控件 用 于 实现 从 不 同 数据 源 ( 数 据 库 .XML 文件 或 业务 逻辑 层 对 象 ) 获取 数 
据 的 功能 , 它 可 以 设置 连接 信息 查询 信息 .参数 和 行为 ,这 样 就 可 以 把 指定 的 数据 绑 定 到 
数据 绑 定 控件 。 常 见 的 数据 源 控件 有 SqlDataSource,XMLDataSource 等 。 
常见 的 数据 绑 定 控件 见 表 5. 1 所 示 。 
R51 常见 的 数据 绑 定 控件 


控件 名 称 用 途 
DropDownList 下 拉 列 表 框 ,可 以 使 用 下 拉 菜 单 的 形式 供用 户 选择 
GridView 通过 表格 方式 实现 数据 的 展示 ,其 中 每 列表 示 一 个 字段 ,每 行 表示 一 条 记录 


【示例 5.2】 用 编码 指定 数据 源 方式 实现 姓名 模 FERRES 


糊 查询 功能 , 见 图 5.7 所 示 。 请 输入 学 生 姓名 (可 实现 模糊 查询 ) 
【步骤 1] 数据 访问 层 定义 方法 ,实现 数据 查询 功 2x TEN 4E 
能 ,代码 如 下 所 示 : EE PES ES IETEEUDSGOE 


public List« tbStuInfo» GetStuBySname (string name) 
t 


图 5.7 查询 学 生 信息 


String sql- string.Format ("select * from 

tbStuInfos where Sname like '$(0)$'", name); 

SqiDataReader dr = DBHelper. ExecuteReader ( DBHelper. ConnectionString, 

CommandType.Text, sql); 

List« tbStuInfo» list- new List< tbStuInfo» (); 

while (dr.Read()) 

1 
tbStuInfo tbf-new tbStuInfo(); 
tbf.Sno-Convert.ToString (dr ["Sno"]) ; 
tbf.Sname- Convert.ToString (dr ["Sname"]) ; 
tbf.Sex-Convert.ToString (dr["Sex"]) ; 
tbf.ZhuanYe- Convert .ToString (dr |["ZhuanYe"]) ; 
tbf.JiGuan- Convert .ToString (dr ["JiGuan"]); 
list.Add(tbf); 

} 

dr.Close(); 

return list; 


) 
【步骤 2] 业务 逻辑 层 编 写 代 码 如 下 所 示 : 


public List« tbStuInfo» GetStuBySname (string name) 
t 
return new tbStuInfoService() .GetStuBySname (name) ; 
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【步骤 3] fiii StuMWeb ,添加 StuCX. aspx 页 面 ,添加 一 个 文本 框 (TextBox) ,一 个 
按钮 (Button) ,一 个 数据 绑 定 控件 (GridView) ,页 面 如 图 5. 8 所 示 , 源 视图 代码 如 下 
所 示 : 


< $6 Page Language- "C£" AutoEventWireup- "true" CodeFile= "StuCX.aspx.cs" Inherits- "StuCX" 
$» 
< IDOCTYPE html» 
«html xmlns- "http: //www.w3.0rg/1999/xhtml"» 
X head runat="server"> 
«meta http- equiv- "Content- Type" content- "text/html; charset-utf- 8"/» 
«title» </title> 
< /head» 
<body> 
< form id= "forml" runat="server"> 
<div> 
«table» <tr><td colspan= "2"> 学 生 信息 查询 </td> < /tr> 
«tr» «td colspan="2"> 请 输入 学 生 姓名 (可 实现 模糊 查询 )< /td> < /tr> 
<tr><td><asp:TextBox ID= "TextBox2" runat= "server">< /asp:TextBox> < /td>< td> 
<asp:Button ID- "btnCX" runat="server" Text- "查询 " /> 
</td></tr> 
<tr><td colspan= "2"> 
«asp:GridView ID- "GridViewl" runat= "server">< /asp:GridView> 
</td></tr> 
</table> 
</div> 
< /fom> 
< /body> 
« /html» 


学 生 信息 查询 


请 输入 学 生 姓 名 (可 实现 模糊 查询 ) 
E d 
| Column0 Columnl Column2| 

abc labe 

labc jabc 

labe jabc 

abc abc 

abc abc 


图 5.8 学 生 信息 查询 页 面 图 5.9 选中 [编辑 列 .….] 命 令 


【步骤 4】 选中 GridView, 单 击 右 上 角 的 方块 ,弹出 如 图 5.9 所 示 的 窗口 ,选中 编辑 列 
命令 ,弹出 如 图 5.10 所 示 的 对 话 框 。 
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FRRO: 
eoundField GH | » 
- gll CheckBoxField 

A HyperlinkField 
ill ImageField 
ell ButtonField 
W Commandrield 

4M TemplateField 


选 定 的 字段 (S)- 


5. 10 【字段 ] 对 话 框 


【步骤 5] 添加 BoundField 字段 ,在 DataField 属性 中 设置 显示 的 字段 , HeaderText 
显示 列 标题 ,如 图 5. 11 所 示 。 这 时 会 发 现 系 统 又 为 我 们 重复 显示 了 一 遍 数据 ,如 图 5. 12 
所 示 ,解决 方法 是 将 GridView 控件 的 AutoGenerateColumns 属性 设置 为 False 即 可 。 


NullDisplayText — | 
HypertinkField ReadOnly (False 
ImageField ShowHeader [True 

| dil ButtonField SortExpression | 

i$ ll CommandField ValidateRequestMoc Inherit 
4M TemplateField Visible (True 


AccessibleHeaderTe: 


5.11 添加 BoundField 字段 
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AutoGenerateColumns 属性 表示 是 否 为 数据 源 中 的 每 一 字段 自动 创建 BoundColumn 对 
象 并 在 GridView 控件 中 显示 这 些 对 象 。 


学 生 信息 查询 
请 输入 学 生 姓 名 〈 可 实现 模糊 查询 ) 
aspiGridViewsGridViewl] za 


学 号 姓名 ”性别 专业 籍贯 _Column0Columnl Column2 
数据 绑 定 数据 绑 定数 据 绑 定 数据 绑 定 数据 绑 定 abc abc abc 
数据 绑 定 数据 绑 定数 据 绑 定 数据 绑 定 数据 绑 定 abc abc abc 
数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 abc abc abc 
数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 abc abc abc 
数据 绑 定 数据 绑 定数 据 绑 定 数据 绑 定 数据 绑 定 abc abc abc 


图 5. 12 添加 BoundField 字段 页 面 


【步骤 61 双击 查询 按钮 ,产生 Click 事件 ,编写 代码 如 下 : 


using System; 

using System.Collections.Generic; 
using System.Linq; 

using System.Web; 

using System.Web.UI; 

using System.Web.UI.WebControls; 
using StuBLL; 

using StuModel; 


public partial class StuCX : System.Web.UI.Page 
t 
protected void Page Load(object sender, EventArgs e) 
t 
) 
protected void btnCX Click (object sender, EventArgs e) 
t 
GridViewl.DataSource- new tbStuInfoManager () .GetStuBySname (TextBox2.Text); 
GridViewl.DataBind(); 


5.2.3. 删除 数据 方法 与 编码 


我 们 通过 单 击 GridView 控件 中 的 删除 按钮 ,利用 编码 删除 后 台数 据 库 中 的 相关 
数据 。 

【示例 5.3】 添加 删除 列 ,实现 删除 功能 ,如 图 5. 13 所 示 。 

【步骤 1] 选中 GridView, 单 击 右 上 角 的 方块 ,在 弹出 的 窗口 中 选中 [编辑 列 ...] 命 令 ， 
弹出 【字段 ] 对 话 框 ,添加 TemplateField 字段 ,并 设置 HeaderText 属性 为 删除 ,如 图 5. 14 
所 示 。 
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学 生 信息 查询 
请 输入 学 生 姓 名 可 实现 模糊 查询 ) 


数据 绑 定 数据 绑 定 BüsULr PRSTE URHE MIE | 
5.13 删除 学 生 信息 


mc e) 
JAFRA: TemplateField 属性 (P): 
BoundField E s| 
gll CheckBoxField 
HA HyperlinkField ConvertEmptyString] True 
ill ImageField InsertVisible [True 
(di ButtonField ShowHeader [True 
由 国 CommandField SortExpression — | 
cal TemplateField T ValidateRequestMoc Inherit 
一 一 Visible True 
| HD); 
AENA: AccessibleHeaderTe: 
Lid Ut FooterText 
Iss * HeaderlmageUri 
Wes — 
es 


图 5.14 添加 删除 列 


【步骤 2] 再 次 选中 GridView, 单 击 右 上 角 的 方块 ,在 弹出 的 窗口 中 选中 [编辑 模板 】 
命令 ,在 ItemTemplate 中 拖 电 LinkButton 控件 ,并 设置 CommandArgument 属性 为 
1<% # Eval(" Sno") %>', CommandName 属性 为 "Delete”, 关 键 代 码 如 下 所 示 : 


<asp:TemplateField HeaderText- "删除 "> 
«ItemTemplate» 
«asp:LinkButton ID- "LinkButtonl" runat="server" CommandName- "Delete" CommandArgument 
= '« %#Eval ("Sno") $> '> 删 除 < /asp:LinkButton» 
</ItemTemplate> 
< /asp:TemplateField> 


【步骤 3) 数据 访问 层 定 义 方法 ,实现 删除 学 生 信息 功能 。 


public bool DeleteStuInfo (string sno) 
t 
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string sql-string.Format ("delete tbStuInfos where Sno= '(0)'", sno); 
return DBHelper.ExecuteNonQuery (DBHelper.ConnectionString, CommandType.Text, 
sql)>0; 

} 


【步骤 4】 业务 逻辑 层 代 码 如 下 所 示 : 


public bool DeleteStuInfo (string sno) 
t 
return new tbStuInfoService() .DeleteStuInfo (sno); 
} 


【步骤 5】 表示 层 代 码 如 下 所 示 : 


protected void GridViewl RowDeleting (object sender, GridViewDeleteEventArgs e) 
t 

String sno = (GridViewl. Rows [e. RowIndex]. FindControl ( " LinkButtonl") as 

LinkButton) .CommandArgument; 

if (new tbStuInfoManager () .DeleteStuInfo (sno)) 

t 
Response.Write ("< script» alert (' 删 除 成 功 ')< /script» "); 

GridViewl.DataSource- new tbStuInfoManager () .GetStuBySname (TextBox2.Text); 

GridViewl.DataBind(); 

} 

else 


Response.Write ("< script»alert (' 删 除 失败 ')< /script>"); 


5.2.4 修改 数据 方法 与 编码 


GridView 能 够 实现 基于 单元 格 的 更 新 功能 。 基 本 思路 : 先 使 要 更 新 的 行 处 于 编辑 
模式 ,然后 在 该 行 上 直接 修改 。 修 改 后 ,将 数据 更 新 到 数据 库 , 最 后 重新 绑 定 GridView。 
【示例 5.4】 添加 编辑 列 ,实现 修改 功能 ,如 图 5. 15 所 示 。 


学 生 信息 查询 
请 输入 学 生 姓 名 (可 实现 模糊 查询 ) 
Z 
75 姓名 Tl 专业 L3 Wi RE 
132012| £m E3 电子 商务 江苏 太仓 [lE er 取消 | 
13210 FEES: E [£i 江苏 常州 [eis East 


图 5.15 修改 学 生 信息 


【步骤 1) 数据 访问 层 编写 方法 ,根据 学 生 学 号 实现 修改 功能 。 


public bool ModifyStuInfo (tbStuInfo tbs) 
{ 


string sql= string.Format ("update tbStuInfos set Sname- ' {0} ', Sex- '{1}', ZhuanYe= ' 
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(2)',JiGuan- ' {3}" where Sno- '(4]'", tbs.Sname, tbs.Sex, tbs.ZhuanYe, tbs. 
JiGuan, tbs.Sno); 


return DBHelper.ExecuteNonQuery (DBHelper.ConnectionString, CommandType.Text, 
sql)>0; 
} 


ER 2 业务 逻辑 层 编写 方法 ,调用 数据 访问 层 方法 。 


public bool ModifyStuInfo (tbStuInfo tbs) 
t 
return new tbStuInfoService () .ModifyStuInfo (tbs) ; 
} 


【步骤 3] 设置 模板 列 。 选 中 GridView, 单 击 右 上 角 的 方块 ,在 弹出 的 窗口 中 选中 [ 编 
辑 列 ...] 命 令 , 弹 出 [字段 ] 对 话 框 ,选择 学 号 列 ,ReadOnly 属性 设置 为 "True”( 学 号 不 可 
修改 ) ,依次 选择 姓名 、 性 别 、 专 业 、 籍 贯 , 单 击 右 下 角 “ 将 此 字段 转换 为 TemplateField”, 如 
图 5.16 所 示 。 


| Wl BoundFeld B n^ 
| gll checkBoxField 
A Hypertinkfield ConvertEmptyString1True 
gll ImageField InsertVisible True 
(dll ButtonField ShowHeader |True 
8$ M CommandField SortExpression 
M TemplateField ValidateRequestMoc Inherit 
Visible True 
meno: AccessibleHeaderTe: | 
(Eas 
E 
Ner 
Aem 
ane 
回 自动 生成 字段 (G) 
EN m 
一 -一 一 - 


5.16 设置 模板 列 


【步骤 4】 添 加 命令 按钮 。 添 加 CommandField, 它 提供 了 在 数据 绑 定 控 件 中 执行 选 
择 .编辑 .插入 或 删除 操作 ,设置 HeaderText 属性 为 “操作 ”， ShowEditButton 属性 为 
“True”, 如 图 5. 17 所 示 。 

【步骤 5] 编写 RowEditing 处 理事 件 。RowEditing 在 GridView 控件 进入 编辑 模式 
之 前 被 引发 。 


protected void GridViewl RowEditing (object sender, GridViewEditEventArgs e) 
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JAFRA: 

H soundField 

- gll CheckBoxField 

M HypertinkField CausesValidation 

ll ImageField InsertVisible 

di ButtonField ShowCancelButton 
& ll Commandrield ShowDeleteButton 

aÅ TemplateField ShowEditButton 
ShowHeader 
ShowinsertButton 


选 定 的 字段 (S): ShowSelectButton 


SortExpression 


Aez ValidationGroup 


ELI 
eu 
Mus 
EL a 


图 5.17 添加 编辑 列 


GridView] .EditIndex=e.NewEditIndex; 
//EditIndex 可 以 获取 或 设置 要 编辑 的 行 的 索引 。 当 属性 被 设置 为 
// 某 一 行 的 索引 ,该 行进 入 编辑 状态 。 
GridViewl.DataSource- new tbStuInfoManager () .GetStuBySname (TextBox2.Text); 
GridViewl.DataBind(); 
) 


【步骤 6] 编写 RowUpdating 处 理事 件 。RowUpdating 在 单 击 某 一 行 的 “更 新 ”按钮 
以 后 ,在 GridView 控件 对 该 行进 行 更 新 之 前 被 引发 。 


protected void GridViewl RowUpdating (object sender, GridViewUpdateEventArgs e) 
t 

tbStuInfo tbstu- new tbStuInfo(); 
tbstu.Sno- (GridViewl. Rows [e. RowIndex]. FindControl ( " LinkButtonl ") as 
LinkButton) .CommandArgument; 
tbstu.Sname- (GridViewl.Rows [e. RowIndex].FindControl ("TextBoxl") as TextBox). 
Text; 
tbstu.Sex- (GridViewl.Rows [e.RowIndex].FindControl ("TextBox2")as TextBox) .Text; 
tbstu.ZhuanYe- (GridViewl.Rows [e.RowIndex].FindControl ("TextBox3")as TextBox). 
Text; 
tbstu.JiGuan- (GridViewl.Rows [e. RowIndex].FindControl ("TextBox4") as TextBox). 
Text; 
if (new tbStuInfoManager () .Modi fyStuInfo (tbstu)) 
t 
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Response.Write ("< script» alert ("修改 成 功 ')< /script» "); 
GridViewl.EditIndex-- 1; // 退 出 编辑 状态 
GridViewl.DataSource- new tbStuInfoManager () .GetStuBySname (TextBox2.Text) ; 
GridViewl.DataBind(); 
) 
else 
Response.Write ("< script» alert ("修改 失败 ')< /script»"); 
) 


GEIE 7] 编写 RowCancelingEdit 处 理事 件 。RowCancelingEdit 在 单 击 * 取 消 ?按钮 
之 后 ,在 该 行 退出 编辑 模式 之 前 被 引发 。 


protected void GridViewl RowCancelingEdit (object sender, 
GridViewCancelEditEventArgs e) 
t 
GridViewl.EditIndex-- 1; // 退 出 编辑 状态 
GridViewl.DataSource- new tbStuInfcManager () .GetStuBySname (TExtBox2.TExt) ; 
GridViewl.DataBind(); 
) 


5.3 3 B I| £k 


通过 对 以 上 内 容 的 学 习 , 了 解 了 对 数据 进行 增 、 删 、 改 、 查 的 原理 ,同时 了 解 了 相关 控 
件 属 性 的 设置 方法 ,现在 我 们 回 到 项 目 导 入 的 任务 中 来 。 

【步骤 1] 搭建 系统 框架 ,添加 各 层 之 间 的 依赖 关系 ,如 图 5. 18 所 示 。 

【步骤 2] 创建 数据 库 db_Sell, 添 加 数据 表 tb_Companys, 如 图 5. 19 所 示 , 并 配置 


web. config. 


OEM-20130723TNF...- dbo.tb Companys | 
i 列 名 数据 类 型 。 允许 Mull 值 

ood o-2 u ðo rA 9 1d int 
搜索 解决 方案 资源 管理 器 (Ctr|+;) CompanyName varchar(50) 
网 GRE Comparyinfe! (4 个 项 目 ) Cedo verdi m 
b 回 CompanyinfoBLL Postalcode. varchar(50) [:] 
b 回 CompanyInfoDAL Tel varchar(s0) 
b F9 CompanyInfoModel Fax varchar(S0) 
b © CompanyWeb. Uniman varchar(50) gi 

üg b [Emai ] varchar(50) g 


5.18 搭建 系统 框架 5.19 数据 表 tb_Companys 
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< connectionStrings> 
<add name- "DefaultConnection" providerName- "System. Data. SqlClient" connectionString 
—"Data Source- .;Initial Catalog-db Sell;Integrated Security-True" /> 


< /connectionStrings» 
【步骤 3) 根据 数据 表 , 在 实体 层 添 加 类 ,编写 代码 如 下 : 


using System; 

using System.Collections.Generic; 
using System.Linq; 

using System.Text; 

using System.Threading.Tasks; 


namespace CompanyInfoModel 
t 
public class Company 
t 
private int id; 
public int Id 
t 
get ( return id; } 
set { id-value; } 
} 
private string companyName; 
public string CompanyName 
t 
get ( return companyName; ) 
set ( companyName- value; ) 
) 
private string companyAddress; 
public string CompanyAddress 
{ 
get ( return companyAddress; } 
set ( companyAddress-value; } 
} 
private string postalcode; 
public string Postalcode 
t 
get ( return postalcode; } 
set { postalcode-value; } 
) 
private string tel; 
public string Tel 
t 
get { return tel; } 
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set { tel-value; } 
} 
private string fax; 
public string Fax 
t 
get ( return fax; } 
set ( fax-value; } 
} 
private string linkman; 
public string Linkman 
t 
get ( return linkman; } 
set ( linkman-value; } 
} 
private string email; 
public string Email 
{ 
get { return email; } 


set { email=value; } 


【步骤 41 添加 数据 访问 类 DBHelper. cs, 并 编写 代码 , 见 第 3 章 内 容 。 
GEIR 5】 数据 访问 层 添 加 类 ,编写 代码 如 下 : 


using System; 

using System.Collections.Generic; 
using System.Linq; 

using System.Text; 

using System.Threading.Tasks; 
using CompanyInfoModel; 

using System.Data; 

using System.Data.SqlClient; 


namespace CompanyInfoDAL 
t 
public class CompanyService 
{ 
// 公 司 信息 一 览 表 
public List< Company» GetAllCompanys () 
{ 
List«Company»  list-new List<Company> (); 
string sql-"select * from dbo.tb Companys"; 
SqlDataReader dr-DBHelper.ExecuteReader (DBHelper. 
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ConnectionString, CommandType.Text, sql); 
while (dr.Read()) 
t 
Company compan- new Company () ; 
compan.CompanyAddress- Convert .ToString (dr ["CompanyAddress"]) ; 
compan.CompanyName- Convert .ToString (dr ["CompanyName"]) ; 
compan.Email- Convert.ToString (dr ["Email"]); 
compan.Fax- Convert .ToString (dr ["Fax"]) ; 
compan.Id-Convert.ToInt32 (dr["Id"]); 
compan.Linkman- Convert.ToString (dr ["Linkman"]); 
compan.Postalcode- Convert .ToString (dr ["Postalcode"]); 
compan.Tel- Convert .ToString (dr ["Te1"]) ; 
list.Add (compan) ; 
$ 
dr.Close(); 
return list; 
} 
// 添 加 公司 信息 
public bool AddCompany (Company company) 
t 
string sql- string. Format ("insert into dbo. tb__ Companys (CompanyAddress, 
CompanyName, Email, Fax, Linkman, Postalcode, Tel) values (' (0) ', ' (1) ', ' (2) ', ' (3) 
1, 4), ' (5), ' (6)*)", company.CompanyAddress, company.CompanyName, company. 
Email, company.Fax, company.Linkman, company.Postalcode, company.Tel); 
return DBHelper.ExecuteNonQuery (DBHelper.ConnectionString, 
CommandType.Text, sql)» 0; 
} 
// 删 除 公司 信息 
public bool DeleteCompany (int id) 
t 
string sql-string.Format ("delete dbo.tb Companys where Id- '(0)'", id); 
return DBHelper. ExecuteNonQuery (DBHelper. ConnectionString, CommandType. 
Text, sql)>0; 
} 
// 修 改 公司 信息 
Public bool ModifyCompany (Company company) 
{ 
string sql= string.Format ("update dbo.tb Companys set CompanyName- '{0}', 
Email-'(1)',Linkman- ' {2}', Tel= '(3)' where Id- ' (4) '", company.CompanyName, 
company.Email, company.Linkman, company.Tel, company.Id); 
return DBHelper. ExecuteNonQuery (DBHelper. ConnectionString, CommandType. 
Text, sql)>0; 


7E) 
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) 
【步骤 6] r5: 32 58 ES In 2S ,编写 代码 如 下 : 


using CompanyInfoModel; 
using CompanyInfoDAL; 
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
using System.Threading.Tasks; 
namespace CompanyInfoBLL 
t 
public class CompanyManager 
t 
public List« Company» GetAllCompanys () 
t 
return new CompanyService () .GetAllCompanys (); 
) 
public bool AddCompany (Company company) 
t 
return new CompanyService () . AddCompany (company) ; 
) 
public bool DeleteCompany (int id) 
{ 
return new CompanyService () .DeleteCompany (id); 
) 
public bool ModifyCompany (Company company) 
t 
return new CompanyService () .ModifyCompany (company) ; 


) 
【步骤 71 制作 “添加 公司 信息 ”界面 ,如 图 5. 1 所 示 , 源 视图 代码 如 下 : 


«table style= "height: 376px;border:lpx; text- align:center"> 
<tr> 
«td colspan- "2" style="height: 39px; color: white; background-color: #003399;"> 
添加 公司 信息 < /td> 
</tr> 
<tr> 
«td style="width: 100px;text-align:center"> 
公司 名 称 :< /ta> 
«td style- "width: 334px" > 
<asp:TextBox ID- "txtCompanyName" runat="server" Width- "280px">< /asp:TextBox» 


</td> 
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</tr> 
«tr» 
«td style- "text-align:center" > 
地 址 :</ta> 
«td» 
<asp:TextBox ID- "txtCompanyAddress" runat="server"  Width- "280px" 
>< /asp:TextBox»« /td> 
</tr> 
«tr» 
«td style-"text-align:center"» 


邮政 编码 :< /td> 
«td» 
<asp:TextBox ID- "txtPostalcode" runat="server" Width= "280px"»« / 
asp:TextBox> < /td> 
</tr> 
«tr» 


<td style-"text-align:center" > 


联系 电话 :< /td> 
<td> 
<asp: TextBox ID =" txtTel" runat -" server" Width =" 280px" > 
< /asp:TextBox»« /td» 
</tr> 
<tr> 
<td style="text-align:center"> 
传真 :< /td> 
«td» 


<asp:TextBox ID=" txtFax" runat =" server" Width =" 280px" > 
< /asp:TextBox>< /td> 
</tr> 
<tr> 
<td style= "text- align:center"» 
联系 人 :</ta> 
«td» 
<asp: TextBox ID=" txtLinkman" runat =" server" Width =" 280px" > 
< /asp:'TextBox» « /td> 
</tr> 
<tr> 
«td style-"text-align:center" class= "auto- stylel'» 
E-mail:</td> 
«td class- "auto- stylel"» 
<asp:TextBox ID-"txtEmail" runat="server"  Width- "280px"» < /asp: 
TextBox>< /td> 
</tr> 


TS 
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«tr» 
«td colspan-"2"» 
«asp:Button ID- "Buttonl" runat="server" Text-" 
Buttonl Click" /» 
«/td» 
«/tr» 
</table> 


【步骤 8】“ 添 加 公司 信息 ”界面 后 台 代 码 如 下 所 示 : 


using System; 

using System.Collections.Generic; 
using System.Linq; 

using System.Web; 

using System.Web.UI; 

using System.Web.UI.WebControls; 
using CompanyInfoBLL; 

using CompanyInfoModel; 


public partial class AddCompany : System.Web.UI.Page 
t 
protected void Page Load(object sender, EventArgs e) 
t 
) 
protected void Buttonl Click(object sender, EventArgs e) 
t 
Company company- new Company () ; 
company .CompanyName- txtCompanyName . Text ; 
company .CompanyAddress- txtCompanyAddress.Text; 
company.Email-txtEmail.Text; 
company.Fax-txtFax.Text; 
company.Linkman- txtLinkman.Text; 
company .Postalcode- txtPostalcode.Text; 
company.Tel- txtTel.Text; 
if (new CompanyManager () .AddCompany (company) ) 
Response.Write ("< script» alert (' 添 加 成 功 ')< /script» "); 
else 


Response.Write ("< script» alert (' 添 加 失败 ')< /script>"); 


} 


【步骤 9] 制作 “公司 信息 一 览 表 ” 界 面 ,如 图 5.2 所 示 。 
GridView 控件 代码 : 


添加 


<asp:GridView ID- "GridViewl" runat="server" AutoGenerateColumns- "False"> 


«Columns» 


" OnClick-" 
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«asp:BoundField DataField- "CompanyName" HeaderText- "公司 名 称 " > 
<Itemstyle Width- "200px" HorizontalAlign- "Center" /> 
« /asp:BoundField» 
«asp:BoundField DataField- "Email" HeaderText- "Email" » 
«ItemStyle Width-"140px" HorizontalAlign- "Center" /> 
< /asp:BoundField» 
«asp:BoundField DataField- "Linkman" HeaderText- "联系 人 " > 
«ItemStyle Width-"80px" ^ HorizontalAlign- "Center"/» 
< /asp:BoundField» 
«asp:BoundField DataField- "Tel" HeaderText- "电话 " > 
«ItemStyle Width-"140px" ^ HorizontalAlign- "Center"/» 
< /asp:BoundField» 
< /Columns» 
« /asp:GridView» 


关键 代码 如 下 所 示 : 


protected void Page Load(object sender, EventArgs e) 
t 
if(!IsPostBack) 
t 
GridViewl.DataSource- new CompanyManager () .GetAllCompanys (); 
GridViewl.DataBind(); 


) 


【步骤 10] 设置 “公司 信息 一 览 表 ”界面 中 Grid View 控件 的 删除 列 , 如 图 5. 2 所 示 。 
GridView 控件 添加 代码 : 


<asp:TemplateField HeaderText- "删除 "> 
<ItemTemplate> 
<asp:LinkButton ID= "LinkButtonl" runat="server" CommandName- " 
Delete" CommandArgument- '« &&Eval ("Id") $> '> 删 除 < /asp: LinkButton 
> 
</ItemTemplate> 
</asp:TemplateField> 


关键 代码 : 


protected void GridViewl RowDeleting (cbject sender, GridViewDeleteEventArgs e) 
t 
int id-Convert.ToInt32 ((GridViewl.Rows[e.RowIndex].FindControl 
("LinkButtonl")as LinkButton) .CommandArgument) ; 
if (new CompanyManager () .DeleteCompany (id)) 
t 


Response.Write ("< script»alert ("删除 成 功 ')< /script» " 
GridViewl.DataSource- new CompanyManager () .GetAllCompanys(); 
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GridViewl.DataBind(); 
} 


else 


Response.Write ("< script» alert ("删除 失败 ')< /script>"); 
} 


【步骤 11] 修改 公司 信息 。 将 公司 名 称 `Email、 联 系 人 、 电 话 转换 成 模板 ,并 添加 编辑 
列 ,GridView 代码 如 下 所 示 : 


<asp:GridView ID-"GridViewl" runat="server" AutoGenerateColumns- "False" OnRowDeleting 
= "GridView]l RowDeleting"» 


<Columns> 
«asp:TemplateField HeaderText- "公司 名 称 "> 

«EditItemTemplate» 
<asp:TextBox ID-"txtCompanyName" runat="server" Text- '« $$ 
Bind ("CompanyName") $> '>< /asp:TextBox» 

< /EditItemTemplate» 

<ItemTemplate> 
<asp:Label ID=" Labell" runat =" server" Text= ' «$ # Bind 
("CompanyName") $> '>< /asp:Label> 


</ItemTemplate> 
«ItemStyle HorizontalAlign- "Center" Width- "200px" /> 
< /asp:TemplateField» 
X«asp:TemplateField HeaderText- "Email" 
«EditItemTemplate» 


<asp:TextBox ID-"txtEmail" runat="server" Text='<%# Bind(" 
Email")%> '>< /asp:TextBox> 

< /EditItemTemplate> 

<ItemTemplate> 
<asp:Label ID=" Label2" runat =" server" Text= ' <$% # Bind 
("Email")%> '>< /asp:Label> 


</ItemTemplate> 
<ItemStyle HorizontalAlign= "Center" Width= "140px" /> 
< /asp:TemplateField> 
<asp:TemplateField HeaderText- "K RA "> 
<EditItemTemplate> 


<asp:TextBox ID="txtLinkName" runat="server" Text='<% #Bind(" 
Linkman") %> ">< /asp:TextBox> 

< /EditItemTemplate> 

<ItemTemplate> 
<asp:Label ID=" Label3" runat =" server" Text= ' «$ # Bind 
("Linkman") %> '>< /asp:Label^ 

</ItemTemplate> 

< ItemStyle HorizontalAlign= "Center" Width="80px" /> 

< /asp:TemplateField» 
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«asp:TemplateField HeaderText=" 电 话 "> 
<EditItemTemplate> 
<asp:TextBox ID=" txtTel" runat="server" Text= '<%#Bind (" 
Tel") %> ">< /asp:TextBox> 
< /EditItemTemplate> 
<ItemTemplate> 
<asp:Label ID- "Label4" runat="server" Text= '<%#Bind ("Tel")% 
>'></asp:Label> 
</ItemTemplate> 
<ItemStyle HorizontalAlign- "Center" Width="140px" /> 
< /asp:TemplateField» 
«asp:CommandField ShowEditButton- "True" /> 
«asp:TemplateField HeaderText- "删除 "> 
< ItemTemplate» 
«asp:LinkButton ID-"LinkButtonl" runat="server" CommandName- " 
Delete" CommandArgument- '« $£Eval ("Id") $5 "> 删除 < /asp: LinkButton 
> 
</ItemTemplate> 
< /asp:TemplateField> 
< /Colums> 


< /asp:GridView» 
关键 代码 : 


protected void GridViewl RowEditing (object sender, GridViewEditEventArgs e) 
t 
GridViewl.EditIndex- e.NewEditIndex; 
GridViewl.DataSource- new CompanyManager () .GetAllCompanys (); 
GridViewl.DataBind(); 
) 
protected void GridViewl RowUpdating (object sender, GridViewUpdateEventArgs e) 
1 
Company company- new Company () ; 
company .Id- Convert .ToInt32 ((GridViewl.Rows [e.RowIndex].FindControl 
("LinkButtonl")as LinkButton) .CommandArgument) ; 
company .CompanyName- (GridViewl.Rows[e.RowIndex].FindControl 
("txtCompanyName")as TextBox) .Text; 
company .Linkman- (GridViewl.Rows [e.RowIndex].FindControl 
("txtLinkName")as TextBox) .Text; 
company.Tel- (GridViewl.Rows[e.RowIndex].FindControl ("txtTel")as TextBox) .Text; 
company .Email- (GridViewl.Rows [e.RowIndex].FindControl ("txtEmail")as TextBox). 
Text; 
if (new CompanyManager () .Modi fyCompany (company) ) 
t 
Response.Write ("<script>alert ("修改 成 功 ')< /script»"); 
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GridViewl.EditIndex--1; 
GridViewl.DataSource- new CompanyManager () .GetAllCompanys (); 
GridViewl.DataBind(); 
) 
else 
Response.Write ("< script» alert ("修改 失败 ')< /script»"); 
) 
protected void GridViewl RowCancelingEdit (object sender, 
GridViewCancelEditEventArgs e) 
t 
GridViewl.EditIndex- -1; 
GridViewl.DataSource- new CompanyManager () .GetAllCompanys (); 
GridViewl.DataBind(); 


1. 训练 内 容 
利用 编码 对 数据 进行 修改 操作 ,实现 基于 单元 格 的 更 新 功能 。 
2. 训练 目的 
进一步 训练 和 巩固 学 生 对 数据 进行 修改 的 编码 能 力 ,重点 是 外 键 的 处 理 。 
3. 训练 过 程 
【步骤 1 在 数据 库 中 添加 数据 表 dbo. tb Goods. GongYingShang 是 外 键 , 如 图 5. 20 
所 示 。 'OEM-20130723TNF.d..Il - dbo.tb Goods| 
【步骤 2】 实 体 层 添加 类 Good. cs, 编 写 代 码 QO* 数据 类 型 。 。 允许 ul 值 
如 下 所 示 ， - € 
ChanDi nvarchar(50) [7] 
using System; „a, Pao nvarchar(50) 贺 
| congvngshang int 回 


using System.Collections.Generic; — 
using System.Ling; 图 5.20 商品 表 
using System.Text; 

using System.Threading.Tasks; 


namespace CompanyInfoModel 
{ 
public class Good 
{ 
private int id; 
public int Id 
{ 
get { return id; } 
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set ( id-value; } 
} 
private string goodName; 
public string GoodName 
t 
get ( return goodName; } 
set ( goodName- value; } 
} 
private string chanDi; 
public string ChanDi 
{ 
get ( return chanDi; } 
set ( chanDi-value; } 
} 
private string piHao; 
public string PiHao 
t 
get ( return piHao; } 
set { piHao-value; } 
} 
private Company company; 
public Company Company // 外 键 
t 
get { return company; ) 
set ( company-value; ) 


) 
【步骤 31 数据 访问 层 编写 代码 如 下 所 示 : 


using System; 

using System.Collections.Generic; 
using System.Linq; 

using System.Text; 

using System.Threading.Tasks; 
using CompanyInfoModel; 

using System.Data; 

using System.Data.SqlClient; 


namespace CompanyInfoDAL 
1 
public class GoodService 
t 
public List« Good» GetAllGood() 
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string sql-"select * from dbo.tb Goods"; 


SqlDataReader dr = DBHelper. ExecuteReader ( DBHelper. 


CommandType.Text, sql); 
List« Good» list-new List« Good» (); 
while (dr.Read()) 


t 


Good gd- new Good () ; 
gd.Id-Convert.ToInt32 (dr ["Id"]) ; 

gd.GoodName- Convert . ToString (dr ["GoodName"] ) ; 
gd.ChanDi- Convert .ToString (dr ["ChanDi"]) ; 
gd.PiHao- Convert.ToString (dr ["PiHao"]); 


ConnectionString, 


gd.Company- new CompanyService (). GetCompanyById (Convert. ToInt32 (dr [" 


GongYingShang"])); 


// 根 据 外 键 GongYingShang 获取 一 条 记录 


} 


} 


} 


list.Add (gd); 


dr.Close(); 


return list; 


public bool ModifyGood (Good gd) 


{ 


string sql= string.Format ("update dbo.tb Goods set GoodName- ' (0) ' , ChanDi- ' (1) 
' , PiHao- ' (2) ', GongYingShang- ' (3) ' where Id- ' (4) '", gd.GoodName, gd.ChanDi, 
gd.PiHao, gd.Company.Id, gd.Id); 
return DBHelper.ExecuteNonQuery (DBHelper.ConnectionString, CommandType.Text, 
sql)>0; 


【步骤 4】 业务 好 辑 层 编写 代码 如 下 所 示 : 


using CompanyInfoModel; 


using System; 


using System.Collections.Generic; 
using System.Ling; 
using System.Text; 


using System.Threading.Tasks; 
using CompanyInfoDAL; 


namespace CompanyInfoBLL 


t 


public class GoodManager 


1 


952 ”数据 绑 定 与 高 级 编码 


public List< Good» GetAllGood() 
t 
return new GoodService () .GetAllGood(); 
l 
public bool ModifyGood (Good gd) 
t 
return new GoodService () .Modi fyGood 商品 名 称 ”产地 _ 
(gd); 


图 5.21 商品 信息 管理 界面 设计 


【步骤 53 制作 “商品 信息 管理 ”界面 ,如 图 5. 21 所 
示 , 源 视图 代码 如 下 所 示 。 


«asp:GridView ID= "GridViewl" runat- "server" AutoGenerateColumns- "False"> 

«Columns» 
«asp:BoundField DataField- "GoodName" HeaderText- "商品 名 称 " /> 
«asp:BoundField DataField- "ChanDi" HeaderText- "产地 " /> 
«asp:BoundField DataField- "PiHao" HeaderText- "批号 " /> 
« asp:BoundField DataField- "Company" HeaderText- "供应 商 " /> 

< /Columns» 

< /asp:GridView» 


后 台 代码 如 下 所 示 : 


using System; 

using System.Collections.Generic; 
using System.Linq; 

using System.Web; 

using System.Web.UI; 

using System.Web.UI.WebControls; 
using CompanyInfoBLL; 

using CompanyInfoModel; 


public partial class GoodList : System.Web.UI.Page 
{ 
protected void Page Load (object sender, EventArgs e) 
{ 
if(!IsPostBack) 
{ 
GridViewl.DataSource- new GoodManager () .GetAllGood(); 
GridViewl.DataBind(); 
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【步骤 6] 浏览 “商品 信息 管理 ”界面 ,如 图 5. 22 所 示 。 
【步骤 71 将 供应 商 列 转换 成 模板 ,页 图 浏览 如 图 5.23 所 示 。 修 改 代码 如 下 : 


商品 名 称 ”产地 | 批号 供应 商 商品 名 称 | 产地 | 批号 供应 商 
EDD EISRAOG[s12321|CompanyInfoModel. Company M ”了 江苏 太仓 |s12321| 奇 奇 科技 有 限 公司 
图 5.22 商品 信息 管理 页 面 一 图 5.23 商品 信息 管理 页 面 二 


<asp:TemplateField HeaderText= "供应 商 "> 

«EditItemTemplate» 
<asp:TextBox ID- "TextBox1l" runat="server" Text- '« %#Bind 
("Company .CompanyName") $> '» « /asp: TextBox» 

< /EditItemTemplate» 

< ItemTemplate» 
<asp:Label ID- "Labell" runat="server" Text='< %#Bind 
("Company .CompanyName") $> '» « /asp:Label» 

« /ItemTemplate» 

< /asp:TemplateField» 


【步骤 81 添加 编辑 列 , 将 商品 名 称 、 产 地 、 批 号 转换 成 模板 ,代码 如 下 所 示 : 


<asp:GridView ID= "GridViewl" runat- "server" AutoGenerateColumns- "False"> 
«Columns» 
«asp:TemplateField HeaderText=" 商 品名 称 "> 
<EditItemTemplate> 


<asp:TextBox ID-"txtName" runat="server" Text= '<$%#Bind (" 


GoodName") $> '>< /asp:TextBox> 
< /EditItemTemplate> 
<ItemTemplate> 
<asp:Label ID="Label2" runat="server" Text- '« %$#Bind 
("GoodName") $> '>< /asp:Label> 
</ItemTemplate> 
< /asp:TemplateField> 
<asp:TemplateField HeaderText- "产地 "> 
«EditItemTemplate^ 
<asp:TextBox ID= "txtChanDi" runat="server" Text- '< $4 
ChanDi")2» ">< /asp:TextBox^ 
< /EditItemfTemplate» 
<ItemTemplate> 
<asp:Label ID- "Label3" runat="server" Text- '«$fBind 
("ChanDi")£» '»« /asp:Label» 
</ItemTemplate> 
< /asp:TemplateField» 
«asp:TemplateField HeaderText- "di E "> 
«EditItemTemplate» 


Bind(" 
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<asp:TextBox ID-"txtPiHao" runat="server" Text- '<%#Bind (" 
PiHao")£» ">< /asp:TextBox> 
< /EditItemTemplate> 
<ItemTemplate> 
<asp:Label ID= "Label4" runat="server" Text- '« $#Bind 
("PiHao")%> '»« /asp:Label» 
« /ItemTemplate» 
« /asp:TemplateField» 
«asp:TemplateField HeaderText- "供应 商 "> 
«EditItemTemplate» 
«asp:DropDownList ID- "DropDownListl" runat="server"> 
« /asp:DropDownList» 
< /EditItemTemplate» 
< ItemTemplate» 
<asp:Label ID- "Labell" runat="server" Text- '« $fBind 
("Company.CompanyName") $> '» « /asp:Label» 
</ItemTemplate> 
< /asp:TemplateField> 
< /Columns» 
< /asp:GridView» 


说 明 : 商品 名 称 、 产 地 和 批号 列 期 望 用 户 手 动 输入 信息 ,因此 用 文本 框 控件 ,而 供应 
商 是 外 键 ,为 避免 用 户 的 错误 输入 ,使 用 DropDownList 下 拉 列 表 框 控件 供用 户 选择 ,下 
拉 列 表 框 的 数据 根据 数据 库 动态 更 新 ,所 以 在 后 台 代 码 中 动态 绑 定 。 

【步骤 9] 获取 主键 值 。 设 置 GridView 控件 的 DataKeyNames 属性 为 Id, 如 图 5. 24 
所 示 ,获取 主键 的 值 的 代码 如 下 所 示 : 


GridViewl System.Web.ULWebControls.GridView ~ 
EnF # 


Columns A) 
CssClass 


DataKeyNames Id 
DataMember 
DataSourcelD 
DeleteMethod 

Editindex 


5.24 设置 GridView 控件 的 DataKeyNames 属性 
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Convert .ToInt32 (GridViewl.DataKeys [index] .Value) 


【步骤 101 后台 代 码 如 下 所 示 : 


protected void GridViewl RowEditing (object sender, GridViewEditEventArgs e) 


t 


) 


GridViewl.EditIndex- e.NewEditIndex; 

GridViewl.DataSource- new GoodManager () .GetAllGood(); 
GridViewl.DataBind(); 

// 设 置 供应 商 列 信息 

DropDownList ddl= GridView] .Rows [e.NewEditIndex] .FindControl 
("DropDownListl")as DropDownList; 

ddl.DataSource- new CompanyManager () .GetAllCompanys (); 
ddl.DataTextField- "CompanyName"; // 用 于 显示 的 字段 
ddl.DataValueField- "Id"; // 用 于 存 值 的 字段 
ddl.DataBind(); 


protected void GridViewl RowUpdating (object sender, GridViewUpdateEventA- 


rgs e) 


{ 


} 


Good gd- new Good () ; 

gd.Id- Convert.ToInt32 (GridViewl.DataKeys [e.RowIndex].Value); 

gd.GoodName- (GridViewl. Rows [e. RowIndex]. FindControl (" txtName") as TextBox). 
Text; 

gd.ChanDi- (GridViewl. Rows [e. RowIndex].FindControl ("txtChanDi") as TextBox). 
Text; 

gd.PiHao- (GridViewl.Rows[e.RowIndex].FindControl ("txtPiHao")as TextBox) .Text; 
int n-Convert.ToInt32 ((GridViewl.Rows[e.RowIndex].FindControl ("DropDownListl") 
as DropDownList).SelectedValue); 

gd.Company- new CompanyManager () .GetCompanyById (n) ; 

if (new GoodManager () .Modi fyGood (gd) ) 

{ Response.Write ("< script>alert(' 修 改 成 功 ')< /script» "); 

GridViewl.EditIndex- -1; 

GridViewl.DataSource- new GoodManager () .GetAllGood|(); 

GridViewl.DataBind(); 

f 

else 


Response.Write ("< script> alert ("修改 失败 ')< /script>"); 


protected void GridViewl RowCanoelingEdit (object sender, GridViewCancelFditEve- 
ntArgs e) 


1 


GridViewl.EditIndex- -1; 
GridViewl.DataSource- new GoodManager () .GetAllGood(); 
GridViewl.DataBind(); 
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【步骤 11] 运行 界面 如 图 5. 25 所 示 , 单 击 编辑 后 界面 如 图 5. 26 Bros ,思考 什么 地 方 
需要 修改 一 下 ? 


[-3- 9-3 
fana. 


商品 名 称 | 产地 | 批号 供应 商 编辑 
BEAD ”| 江苏 太仓 |s12321 ASRA RAR RE 
呈 红 茶 121 江 苏 昆 山 |s332211| 新 世纪 集团 编辑 | 


图 5.25 商品 信息 管理 界面 


Biss SEE 


商品 名 称 产地 dis 供应 商 编辑 
添加 剂 江苏 太仓 12321 [S SHEER IR A n] | 编辑 
冰 红 茶 121 江苏 昆山 s332211 新 科技 有 限 公司 “加 | 更 新 取消 


图 5.26 修改 商品 信息 界面 


【步骤 12] 怎么 在 编辑 状态 中 默认 显示 编辑 前 的 “供应 商 ” 呢 ?可 以 在 EditltemTemplate 


中 添加 一 个 隐藏 的 控件 HiddenField, 使 用 该 控件 的 Value 属性 绑 定 供应 商 编号 ,这 样 在 
编辑 状态 中 就 可 以 找到 该 控件 ,取得 Value 属性 值 赋 给 DropDownList 的 SelectValue 即 
可 ,添加 的 代码 如 下 : 


<EditItemTemplate> 


«asp:HiddenField ID- "HiddenFieldl" runat- "server" Value- 
'« &fEval ("Company.Id")*» ' /> 


«asp:DropDownList ID- "DropDownListl" runat="server"> 
< /asp:DropDownList» 
< /EditItemTemplate^ 


在 GridViewl RowEditing 事件 最 后 添加 代码 : 


ddl.SelectedValue- (GridView] .Rows[e.NewEditIndex] .FindControl 
("HiddenFieldl")as HiddenField) .Value; 


运行 结果 如 图 5. 27 Bran. 


商品 名 称 产地 批号 供应 商 
添加 剂 江苏 太仓 s12321 [S SEHSER IR A n] 
XH 121 江苏 昆山 s332211 新 世纪 集团 到 更 新 取消 | 


图 5.27 修改 商品 信息 界面 
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5.5 总 结 


本 章 介绍 了 对 数据 进行 增 、 删 、 改 、 查 操作 的 原理 ,同时 通过 项 目 训练 “公司 信息 管理 ” 
及 平行 项 目 “ 商 品 信息 管理 ”整体 训练 了 利用 编码 实现 增 、 删 \ 改 、 查 操作 的 方法 ,还 有 外 键 
的 处 理 方法 。 


5.6 3 题 


1. 简 述 实现 GridView 基于 单元 格 更 新 的 实现 过 程 。 

2. 为 什么 在 EditItemTemplate 中 添加 HiddenField 控件 ? 

3. 实现 在 线 考试 系统 中 的 专业 信息 管理 功能 ,包括 专业 更 新 、 删 除 专业 功能 。 数 据 
表 如 图 5. 28 和 图 5. 29 所 示 。 数 据 显 示 如 图 5. 30 所 示 ( 用 GridView 控件 来 实现 ) 。 


aa 数据 类 型 | 允许 Nl 值 
[2E] it o 
(0 Name nvarchar(S0) 
| JonTime datetime [rz] 
15.29 RAK 
电子 商务 软件 与 服务 外 包 学 院 |2015-5-20 编辑 We 
报关 港口 系 2012-2-2 编辑 。 ”| 删除 
软件 技术 软件 与 服务 外 包 学 院 |2010-1-1 编辑 。 ”| 删除 
; 3 更 新 HE 
lèit 港口 系 同 |Po1216 B 
: EG rfr 1 pie 
中 德 学 院 121 


5.30 专业 信息 管理 页 面 


$8 6 € WebService 和 Ajax 应 用 


本 章 要 点 : 


* WebService 的 创建 .发布 及 调用 
。 Ajax 的 概念 及 功能 

技能 目标 : 

。 会 创建 ,发 布 及 调用 WebService 
。 会 应 用 Ajax 实现 页 面 的 无 刷新 


6.1 项 目 导 入 


【项 目 场景 1] 


新 建 一 个 名 为 “ClothForSearch” 的 网 站 来 模拟 羽绒 服 总 公司 网 站 ,再 建 一 个 名 为 


“JXSCX” 的 网 站 ,来 模拟 各 分 公司 网 站 ,通过 WebService 查询 羽绒 服 库 存量 ,如 图 6. 1 
所 示 。 


【项 目 场景 2 


实现 登录 功能 ,输入 用 户 名 和 密码 ,提示 验证 结果 ,整个 过 程 页 面 无 刷新 ,如 图 6. 2 
所 示 。 


登录 系统 
用 户 名 bobo 


F ceecee 


羽绒 服 库存 查询 系统 
调用 WebSemice 


请 输入 货号 ， 


库存 : 


图 6.1 羽绒 服 库存 查询 系统 图 6.2 登录 系统 
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【问题 引导 了】 


(1) WebService 的 概念 是 什么 。 

(2) 如 何 创建 .发 布 及 调用 WebService, 
(3) Ajax 的 概念 及 功能 是 什么 。 

(4) Ajax 如 何 实现 页 面 的 无 刷新 。 


6.2 技术 与 知识 准备 


6.2.1 WebService 技术 实现 方法 


6.2.1.1 WebService 概述 


如 今 软件 开发 的 趋势 是 将 软件 视 为 一 种 基础 设施 与 服务 ,这 就 是 SaaS(Software as a 
Service ,软件 即 服务 ) 的 理念 。 以 此 催生 出 了 SOA(Service Oriented Architecture, 面 向 服 
务 的 架构 ), 以 服务 作为 软件 的 基本 构造 块 来 组装” 软件 , Web Service 是 当前 最 成 熟 的 
SOA 技术 之 一 , 它 可 以 将 网 站 的 功能 封装 成 可 复 用 软件 服务 , 供 其 他 应 用 程序 调用 。 

Web Service 也 叫 XML Web Service。WebService 是 一 种 可 以 接收 从 Internet 或 者 
Intranet 上 的 其 他 系统 中 传递 过 来 的 请 求 , 轻 量 级 的 独立 的 通讯 技术 。 是 通过 SOAP 在 
Web 上 提供 的 软件 服务 ,使 用 WSDL 文件 进行 说 明 ,并 通过 UDDI 注册 。 

XML.(Extensible Markup Language, 扩 展 型 可 标记 语言 ) ,面向 短期 的 临时 数据 处 
38 .面向 万 维 网 络 ,是 Soap 的 基础 。 

SOAP(Simple Object Access Protocol, 简 单 对 象 存 取 协 议 ) ,是 XML Web Service 的 
通信 协议 。 当 用 户 通过 UDDI 找到 你 的 WSDL 描述 文档 后 ,他 可 以 通过 SOAP 调用 你 建 
立 的 Web 服务 中 的 一 个 或 多 个 操作 。SOAP 是 XML 文档 形式 的 调用 方法 的 规范 , 它 可 
以 支持 不 同 的 底层 接口 , 像 HTTP(S) 或 者 SMTP。 

WSDL(Web Services Description Language) 文 件 是 一 个 XML 文档 ,用 于 说 明 一 组 
SOAP 消息 以 及 如 何 交 换 这 些 消息 。 大 多 数 情况 下 由 软件 自动 生成 和 使 用 。 

UDDI(Universal Description. Discovery. and Integration) 是 一 个 主要 针对 Web 服 
务 供应 商 和 使 用 者 的 新 项 目 。 在 用 户 能 够 调用 Web 服务 之 前 ,必须 确定 这 个 服务 内 包含 
哪些 商务 方法 ,找到 被 调用 的 接口 定义 ,还 要 在 服务 端 来 编制 软件 ,UDDI 是 一 种 根据 描 
述 文档 来 引导 系统 查找 相应 服务 的 机 制 。UDDI 利用 SOAP 消息 机 制 ( 标 准 的 XML/ 
HTTP) 来 发 布 编辑、 浏览 以 及 查找 注册 信息 。 它 采用 XML 格式 来 封装 各 种 不 同类 型 
的 数据 ,并 且 发 送 到 注册 中 心 或 者 由 注册 中 心 返回 需要 的 数据 。 


6.2.1.2 WebService 技术 实现 


【示例 6. 1】 根据 用 户 名 查询 用 户 密码 .用 WebService 实现 。 
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1. 创建 Web Service 


【步骤 1】 启动 Visual Studio2012 ,选择 “文件 ”~ 新建 ”一 网 站 ”, 建 立 名 为 xcjweb 
的 网 站 。 
【步骤 2】 添 加 数据 库 MyClassDB 和 数据 表 UserInfos, 如 图 6. 3 所 示 。 


'OEM-20130723TNF...B - dbo.Userinfos 


— IB — à dHRÁH 允许 Nul 值 
MP Userd int 
UserName nvarchar(50) m 
UserPassword mvarchar(0) g 
UserType nvarchar(50) Ir] 


图 6.3 UserInfos 表 


【步骤 3】 右 击 网 站 ,依次 选择 “添加 ”一 “Web 服务 ”, 如 图 6.4 所 示 ,弹出 如 图 6. 5 所 
示 的 对 话 框 ,输入 项 名 称 , 单 击 “ 确 定 ” 按 钮 。 添 加 成 功 后 ,会 发 现 xcjweb 网 站 中 增加 了 
WebService. asmx 文件 ,同时 在 App_Code 文件 夹 下 面 增加 了 WebService. cs 文件 。 


d ERAU) Shift+F6 

© 发 布 网 站 (H) a o-n ^m» 
限定 为 此 范围 (S) 方 安 资 源 管理 器 (Ctrl+:) 

D) 新 建 解决 方案 资源 管理 器 视图 (N) “localhost_1217”(1 NAB) 

添加 (D) Ctrl+Shift+A 

添 j0 引 用 (R)- Shift+Alt+A 

添加 服务 引用 (S)… 

查看 类 图 (V) 

管理 NuGet 程序 包 (N)-… 

复制 网 站 (P)… 

启动 选项 (O)- 

设 为 启动 项 目 (A) 

使 用 Visual Studio 开发 展 务 器 (U)… 

dl 。 在 浏览 器 中 得 看 (360 安 全 浏览 屿 )(B) 


o ame? 


6.4 添加 Web 服务 


项 名 称 。 Webservicq 


图 6.5 修改 项 名 称 


新 建 的 WebService. cs 有 如 下 默认 代码 : 


using System; 

using System.Collections.Generic; 
using System.Ling; 

using System.Web; 
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using System.Web.Services; 


///« summary» 
// /ebService 的 摘要 说 明 
///« /summary> 
[WebService (Namespace- "http: //tempuri .org/") ] 
[WebServiceBinding (ConformsTo- WsiProfiles.BasicProfilel 1)] 
// 若 允许 使 用 ASP.NET AJAX 从 脚本 中 调用 此 web 服务 ,请 取消 注释 以 下 行 。 
// [System.Web.Script.Services.ScriptService] 
public class WebService: System.Web.Services.WebService ( 
public WebService (){ 
// 如 果 使 用 设计 的 组 件 , 请 取消 注释 以 下 行 
//InitializeComponent () ; 
) 
[WebMethod] 
public string HelloWorld (){ 
return "Hello World"; 
) 
) 


说 明 : 如 果 要 使 方法 成 为 WebService 方法 ,必须 在 该 方法 前 面 加 上 LWebMethod] 。 
【步骤 4 编写 代码 。 
配置 Web. config. 


< connectionStrings» 
<add name =" DefaultConnection "  providerName =" System. Data. SqlClient " 
connectionString- "Data Source- OEM- 20130723TNF; Initial Catalog- MyClassDB;User ID= 
Sa;Password- 123456" /> 


< /connectionStrings» 


在 WebService. cs 编写 代码 如 下 : 


[WebMethod] 
public string GetPwdByName (string name) { 

string connString- ConfigurationManager.ConnectionStrings 
["DefaultConnection"].ConnectionString; 
string sql-string.Format ("select UserPassword from dbo.UserInfos where UserName 
—'(0)'", name); 
SqlConnection connection- new SqlConnection (connString); 
SqlCommand command- new SqlCommand (sql, connection); 
connection.Open(); 
string pwd- (string)command.ExecuteScalar () ; 
connection.Close(); 


return pwd; 
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【步骤 5] 右 击 解决 方案 资源 管理 器 中 的 “xcjweb”, 选 择 发 布 网 站 ,打开 如 图 6. 6 所 示 
的 对 话 框 , 选 择 好 目标 位 置 , 单 击 “ 确 定 ? 按 钮 (在 桌面 上 新 建文 件 夹 xcj ,发 布 的 网 站 目标 
位 置 为 该 文件 夹 ) 。 


| 目标 位 置 (D): (ftpi//.... http://- 或 driveApath) 


口 用 AllowPartiallyTrustedCallerAttribute (APTCA) 标 记 程序 集 (M) 


(em) m] 


图 6.6 【发 布 网 站 ] 对 话 框 


2. 发 布 Web Service 

【步骤 1] 配置 环境 

CD 打开 控制 面板 , 单 击 “程序 和 功能 ”, 弹 出 如 图 6.7 所 示 的 对 话 框 , 单 击 上 方 “打开 
或 关闭 Windows 功能 ”, 弹 出 图 6. 8 所 示 的 对 话 框 ,参照 图 6. 8 所 示 进 行 配置 。 


程序 和 功能 

AER | QEFI Windows 功能 — 宣 看 已 安村 的 更 新 
运行 为 前 版 本 的 Windows SMSEK | MARRE 
默认 程序 

桌面 小 工具 


INEHUBIDIIB | MAPESHIA | PNIA | 还 原 Windows 上 去 半 扒 点 醒 小 工具 


6.7 【程序 和 功能 ] 对 话 杠 
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打开 或 关闭 Windows 功能 e 


框 。 填 充 的 框 表示 仅 打开 该 功能 的 一 部 分 . 


EIJ Internet Information Services 可 承载 的 Web 核心 5 
E EJ Internet 信息 服务 
mj FTP 服务 器 
日 lj Web 管理 工具 
Sm use 管理 兼容 性 


Ej us 6 WMI 兼容 性 
ij Ts 6 管理 控制 台 
Vj use TR 
IV] ji TS 元 数据 库 和 IIS 6 配置 兼容 性 

vij ns 管理 服务 

ij us 管理 脚本 和 工具 

jj us 管理 控制 台 

m penes 过 


Ls J( mm | 


图 6.8 【打开 或 关闭 Windows 功能 ] 对 话 框 


(2) 打开 控制 面板 , 单 击 “管理 工具 ”, 弹 出 如 图 6. 9 所 示 的 对 话 框 ,双击 “Internet frf 
息 服务 (IIS) 管 理 器 ”, 弹 出 如 图 6. 10 所 示 的 对 话 框 。 


[Bg mernet 信息 服务 (TS) 6.0 S2 2014/9/8 BR ... 

TÈ Internet 信息 服务 (15) 管 理 路 2014/9/8 星 网 一 

f, iscsi sioe 2009/7/14 E... 

(88 Windows PowerShell Modules 2009/7/14 RR... 
2009/7/14 BR... 
2012/12/30 SR... 
2012/12/30 IE. 
2009/7/14 A. 
2009/7/14 8%.. 
2009/7/14 SB... 
2009/7/14 WB... 
2009/7/14 S73.. 

BEROD8CO 2009/7/14 RI. 

E xem 2009/7114 RB... 

@® nesans 2009/7/14 到 期- 

Internet SSES USERE 
de 
(SREE 2014/0/8 BIG— 22:04 
us 124KB 
&GRERE 2014/9/8 BEI 23:04 


图 6.9 【管理 工具 对话 框 


G) 右 击 左 侧 “Default Web Site”, 依 次 选择 “管理 网 站 ”一 “高 级 设置 ”, 弹 出 图 6. 11 所 
示 的 对 话 框 。 

(4) 修改 应 用 程序 池 , 单 击 后 面 的 回 , 弹 出 图 6. 12 所 示 的 对 话 框 ,选择 Classic. NET 
AppPool。 
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他 OEM-20130723TNF 主页 


图 6.12 【选择 应 用 程序 池 】 对 话 框 


G) 打开 “Internet 信息 服务 (IS) 管 理 器 ” ,双击 左 侧 的 “应 用 程序 池 ”, 右 侧 显示 应 用 
程序 池 列表 , 右 击 “Classic . NET AppPool”, 选 择 “ 高 级 设置 ”, 弹 出 图 6. 13 所 示 的 对 话 
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框 ,在 “进程 模型 "的 “标识 ”中 选择 “NetworkService”。 


[identityType, username, es 配置 应 用 程序 池 以 作为 内 置 帐户 或 特定 的 用 户 标识 运行 ， 内 置 帐户 
也 就 是 “应 用 程序 池 标识 ”( 推 荐 )、“ 网 络 服务 ”、“ 本 地 系统 ”、“ 本 地 服务 ”. 


图 6.13 【高 级 设置 ] 对 话 框 


(6) 在 “Internet 信息 服务 (IIS) 管 理 器 ”界面 中 , 右 击 * 网 站 ”, 单 击 * 添 加 网 站 ”, 弹 出 
图 6. 14 所 示 的 对 话 框 。 


——— 
网 站 名 称 (S): ERR: — E 
| Ba -| 
内 容 目录 
| aew: 
传递 身份 窒 汪 
pea] ARRO 
se 
semi: 1 地 址 @: #00: 
Loy] 人 SE - 8 
HEH: 


示例 : www.contoso.com 或 marketing.contoso.com 


[v] 立即 启动 网 站 (M) 


图 6.14 【添加 网 站 ] 对 话 框 
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CD 对 对 话 框 进行 如 图 6. 15 所 示 的 配置 。 


物理 路 径 (D): 
CAUsers\Administrator\Desktop\sd 


主机 名 (H): 


示例 : www.contoso.com 或 marketing.contoso.com 


[V] 立即 启动 网 站 (M) 


Cw | 
6.15 配置 [添加 网 站 J 对话 框 


(8) 单 击 “Internet 信息 服务 (IIS) 管 理 器 " 右 侧 的 “编辑 权限 ”弹出 如 图 6. 16 所 示 的 
对 话 框 , 单 击 “ 安 全 ”选项 卡 , 单 击 “ 编 辑 " 按 钮 ,再 单 击 “ 添 加 ”按钮 ,弹出 如 图 6. 17 所 示 的 
对 话 框 ,在 “输入 对 象 名 称 来 选择 ”下 框 中 输入 “Everyone”, 单 击 “ 确 定 ” 按 钮 。 
an [sm [ms [v | 自 定义 


xej 


文件 来 
C:\Wsers\Adnini strator\Desktop 
7.73 MB (8,107,776 字 节 ) 
: 8.10 mB (5,495,104 F) 
149 个 文件 ，13 个 文件 夹 


:2014 年 12 月 5 日 今天 ，28 分 钟 之 前 


i E RE RET SCEEERREREEE QU? 
Braw (ERO... | 


C jJ 


图 6.16 [xc 属性 ] 对 话 框 
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m 

|| 这 和 Hadgx 型 @) 
RP. BROREEER 
THRO 
OEM-20130723TNF 


输入 对 象 名 称 来 选择 示例 ) (D 


图 6.17 【选择 用 户 或 组 ] 对 话 框 


【步骤 2] 测试 WebService, 
(1) Jfcili "Internet 信息 服务 (IIS) 管 理 器 " 右 侧 的 “浏览 192. 168. 1. 102: 80(http)”， 


打开 IE 浏览 器 ,在 地 址 栏 中 添加 Web 服务 的 名 称 WebService. asmx, 弹 出 图 6. 18 所 示 
的 网 页 。 


E Weber Wk EN wor 12 EA 


355 Seu «mm rU IAS mus FTE 
goo e - 


eoo Q qv 9 o O T mpion nwebsence sn 
Mass meg anam xe 
d RR Omu. ak QRuxt Loxowm L.20::2728 9^ 国 APNET <5 友 YL Orotan 


Daez gne SSCSMGEP2. » SA ina. MA. SUE. OAAR 


m—— 


M Web BENI Mp: empor or (AERE 
cR Web services Zi iHd RI 


ektervice (enu rpacu "niti jmactcaods cam/vebrerrices/*) } 


QD Fe- Daw 


图 6.18 WebService 页 面 


(2) 单 击 “GetPwdByName”, 弹 出 图 6. 19 所 示 的 页 面 ,在 编辑 框 中 输入 “cc”, 单 击 
“确定 ”, 弹 出 图 6. 20 所 示 的 页 面 。 
3. 调用 Web Service 


【步骤 1】 建立 网 站 。 
新 建 一 个 名 为 “symweb” 的 网 站 ,并 添加 “Default2. aspx” 的 页 面 ,在 页 面 上 添加 两 个 
文本 控件 和 一 个 按钮 控件 , 源 视 图 代码 如 下 : 


«html xmlns= "http://www.w3.0rg/1999/xhtml"» 
X head runat="server"> 


«meta http- equiv- "Content- Type" content- "text/html; charset-utf- 8"/» 


«title»«/title» 
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Wee Wok ER oR 1 EA up SEX cmm wu IAD mW) € [15 X 
oO Q $199 en o 


es pe m se xA apog 


L gez mener. Maassa + SeA jam BE. Sa- OAEI 


= 


ÖTE otn. Ga FPE bwon bonos senis EV 重大 Em 


saet cusensnne. 


GetPwdByName 
m 
xem nerost Were ass -ma-s 


UB i WebService Web RSS. X |- http://192.168.1.102/.. X 


<?xml version-"1.0" encoding-"utf-8" ?> 
«string xmins-"http:/ /tempuri.org/"»123«/string» 


图 6.20 数据 返回 页 面 
< /head> 
<body> 
< form id= "forml" runat="server"> 
<div> 
用 户 名 : <asp:TextBox ID= "TextBoxl" runat= "server">< /asp:TextBox> 


<asp:Button ID-"Buttonl" runat =" server" OnClick-" Buttonl Click" Text = 
"调用 WebService" /> 


密码 :<asp:TextBox ID- "TextBox2" runat- "server"> < /asp:TextBox> 
</div> 
< /form> 
< /body> 
</html> 
CEIR 2] in Web 引用 。 
CD 右 击 网 站 ,选择 “添加 服务 引用 ”, 弹 出 图 6. 21 所 示 的 对 话 框 。 
(2) 选择 左下 角 的 【高 级 了 按钮 ,弹出 “服务 引用 设置 ?的 对 话 框 , 再 单 击 左下 角 的 【 添 
加 Web 引用 了 ,弹出 * 添 加 Web 引用 ”对 话 框 . 如 图 6. 22 所 示 。 
(3) 在 URL 中 输入 之 前 成 功 发 布 的 WebService 网 站 :“http://192. 168. 1. 101/ 
WebService. asmx”; 单 击 后 面 的 转 到 按钮 ,能 够 看 到 GetPwdByName 方法 ,修改 Web 引 
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关 要 查看 特定 服务 咏 上 的 可 用 服务 列表 , 请 给 和 服务 URL, 然后 单 去 “ 转 到 ”。 才 要 浏览 可 用 的 服务 , A || 
击 "发现 。 | 


地 址 (A): 
- se) | [aro]: 


EZO: SFO: 


命名 空间 (N): 
ServiceReferencel 


(mm. 


图 6.21 添加 服务 引用 


ummon vE | naen oi p=- 0x 


3SESOSUNA Web RAD LAL, MESE IRS, IBIDOTSR URL HYENY, 
sojzaa 


[1 Jr 
æn =] EE URL Ha Web BO: 
wk ve mx 
RTEROAEM te anena. caueatanua. namente 
人 GD) m 
|| c 此 解决 方案 中 的 Wob 服务 
。 本 地 计算 机 上 的 _Web 服务 


VOPEUPIE ERE WOI BAS- 


6.22 添加 Web 引用 


用 名 ,如 图 6. 23 所 示 , 单 击 添加 引用 按钮 ,这 时 可 以 看 到 在 网 站 中 添加 了 相关 文件 夹 。 
【步骤 3】 实现 调 用 WebService. 
代码 如 下 所 示 : 
using System.Web; 


using System.Web.UI; 
using System.Web.UI.WebControls; 
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请 定位 列 提供 Web 服务 的 URL , MESE EMIA . EFR URL 上 的 所 有 可 用 服务 - 


ce|xoc 


URLU): — http;//192.168.1.101/WebService.asmx - 


WebService k QQ 


ATIR. RREZEN SEEBAGM. 


WebSenice 
. 
此 Web 服务 使 用 http:/ /tempuri.org/ FARUS RZA. 
建议 : 公开 XML Web services zii. HERRUSETA. 
每 个 XML Web services (683—498 8$ Si. UNE PRSSHTRNATS Web 引用 名 (N): 


Wob 上 的 其 他 联 务 区 分 并。 http://tempuri.org/ ZEFAETSERINRÉS XML Web 
services. MERA XML Web services 应 使 用 更 为 永久 的 人 名 空间 . 


诡 使 用 您 控制 的 从 名 空间 来 标 识 XML Web services. Mic. TUETAN Internet i 
各 作为 放空 间 前 一 部 分 。 EAE XML Web services IR URL. TEITO 
指向 Web 53:88. (XML Web services 会 名 空间 为 URI ) 


使 用 ASP.NET 创建 XML Web services 时 ， 可 以 使 用 WebService 特性 的 
Namespace 属性 更 改革 认命 名 字 同 。WebService I9/5iEF 8. XML Web services 
方法 的 并。 TEREZ NASE SES "htp://microsof.com/webservices/": 


ce 
[WebService (Namespace="http://microsoft.com/webservices 


public class MyWebService ( 
PE 


T li —— € ] 
| 二 -一 一 一 - 二 


图 6.23 WebService 查找 


using WebReference; 


// 引 用 命名 空间 


public partial class Default2 : System.Web.UI.Page 


t 
protected void Page Load(object sender, EventArgs e) 
t 
) 
protected void Buttonl Click(object sender, EventArgs e) 
t 
WebService service- new WebService(); // 类 创建 实例 
TextBox2.Text- service.GetPwdByName (TextBoxl.Text.Trim()); 
) 
} 


6.2.2 Ajax 技术 实现 方法 


Ajax EJ“ Asynchronous Javascript And XML”( 异 步 JavaScript 和 XML), 是 指 一 种 
创建 交互 式 网 页 应 用 的 网 页 开发 技术 。Ajax 是 “客户 端 十 服务 器 端 ? 技 术 ,通过 在 后 台 与 
服务 器 进行 少量 数据 交换 ,Ajax 可 以 使 网 页 实现 异步 更 新 。 这 意味 着 可 以 在 不 重新 加 载 
整个 网 页 的 情况 下 ,对 网 页 的 某 部 分 进行 更 新 。 

Javascript 和 XML 是 Ajax 技术 中 重要 技术 元 素 , 但 是 Ajax 技术 远 不 止 这 两 项 内 
容 , 还 包括 XMLHttpRequest 数据 交换 对 象 和 DOM 文档 对 象 等 技术 内 容 。 
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【示例 6.2】 在 大 润 发 超市 ,用户 根 据 超市 卡 卡号 ,查询 余额 。 

1. 实现 服务 器 端的 程序 

基本 思路 : 通过 URL 接收 一 个 超市 卡 卡号 ,然后 调用 相关 代码 判断 ,返回 对 应 的 
余额 。 

Ajax 服务 器 端 程序 的 实现 技术 平台 没有 限制 ， m = 
使 用 java、. NET, PHP 等 技术 都 没有 任何 问题 . 我 loog e-em 
们 将 使 用 ASP. NET 程序 作为 服务 器 端 。ASP. NET | 和 (Chl+; 
服务 器 端 可 以 是 普通 的 页 面 ,也 可 以 是 一 般 处 理 程 besoin 
序 。 在 本 例 中 ,使 用 一 般 处 理 程序 作为 Ajax 程序 的 |y E Tercera 
服务 器 端 。 PORSCHE 

【步骤 1) 搭建 系统 架构 ,并 添加 各 层 之 间 的 引 图 6.24 搭建 系统 框架 
用 ,如 图 6. 24 所 示 。 

【步骤 2】 新 建 数据 库 TCD, 添加 数据 表 Tcards, 如 图 6. 25 所 示 。 配 置 Web 
. Config:“<add name= "DefaultConnection" providerName — "System. Data. SqlClient" 
connectionString — " Data Source = OEM-20130723TNF ; Initial Catalog = TCD; User 
ID sa; Password —123456" /7", 

【步骤 31 HS des DIRAS. n E 6. 26 所 示 。 

R1 解决 方案 TestCard' (4 个 项 目 ) 
4 [© TestcardBLL 

b e Properties 

b sa 引用 

b C* TcardManager.cs 
4 回 TestCardDAL 


b # Properties 
b “引用 


烈 名 数据 类 型 ftit nal fi b & TcardService.cs 
Oo nvarchar(50) 4 回 TestCardModel 
人 下 Nn pH 
ee wa 引用 


图 6.25 数据 表 图 6.26 添加 类 库 


【步骤 4) 编写 实体 层 代码 。 


public class Tcard 
{ 

private string cNo; 

public string CNo 

t 
get ( return cNo; } 
set ( cNo- value; } 

} 

private decimal mon; 

public decimal Mon 

{ 
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get { return mon; } 


set { mon=value; } 


} 
【步骤 51 编写 数据 访问 层 代 码 。 


public decimal GetMonByNo (string cno) 
t 

string connString- ConfigurationManager.ConnectionStrings 
["DefaultConnection"].ConnectionString; 
SqlConnection connection- new SqlConnection (connString); 
string sql-string.Format ("select Mon fram Tbards where CNo- ' (0) '"",cno) ; 
SqlCommand command= new SqlCommand (sql, connection); 
connection.Open|(); 
decimal money- (decimal) command.ExecuteScalar () ; 
connection.Close(); 
return money; 


) 
UE JE 6 编写 业务 迎 辑 层 代码 。 


public decimal GetMonByNo (string cno) 
{ 
return new TcardService () .GetMonByNo (cno) ; 
) 


【步骤 7] fidi TestCardWeb, 依 次 选择 “添加 ”一 “添加 新 项 ”, 弹 出 “添加 新 项 ”对 话 
框 ,选择 “C#” 和 “一 般 处 理 程序 ”, 在 名 称 框 中 输入 *TCardHandler. ashx”, 如 图 6. 27 所 
示 , 单 击 “ 添 加 ”按钮 。 


Sees E) 
Visual ct ~ BS Visual Ce 
BOTZSRÓRAHESURAVTO 
Visual ce 
Visual Ce 


Visual Cx 


Visual cs 


图 6.27 添加 一 般 处 理 程序 
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【步骤 8) 编写 一 般 处 理 程序 代码 。 


< $8 WebHandler Language- "Cf" Class- "TCardHandler" $» 
using System; 
using System.Web; 
using TestCardBLL; 
public class TCardHandler : IHttpHandler ( 
public void ProcessRequest (HttpContext context) { 
context.Response.ContentType- "text/plain"; 
string id-context.Request .QueryString["CID"]; // 接 收 客户 端 传递 过 来 的 卡号 
decimal mon- new TcardManager () .GetMonByNo (id) ; 
context.Response.Write (" 您 的 余额 为 "+mon) ; 
) 
public bool IsReusable ( 
get ( 


return false; 


} 


2. 实现 Ajax 客户 端 
新 建 页 面 CardCX. aspx, 编 写 代码 如 下 : 


«script type= "text/javascript"> 
var xhr; 
function createXMLHttpRequest () ( 
if (window.ActiveXObject) ( // 如 果 是 re DU RR 
return new ActiveXObject ("Microsoft .XMLHTTP") ; 
) 
else if (window.XMLHttpRequest) ( // 非 还 浏览 器 
return new XMLHttpRequest () ; 


H 
function search () { 
var cno- document .getElementBylId ("txtCNO") .value; 
if (cno !-"")( 
// 请 求 字符 串 
var url- "TCardHandler.ashx? CID- "+ cno.toString(); 
//1. 创建 XMLHttpRequest 组 件 
xhr-createXMLHttpRequest () ; 
//2. 设置 回调 函数 
xhr.onreadystatechange- readyDo; 
//3. 初始 化 XMLHttpRequest 组 件 
xhr.open("GET", url, true); 


//4. 发 送 请 求 
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xhr.send (null); 
} 
} 
function readyDo () { 
if (xhr.readyState-- 4 
&& xhr.status== 200) { 
alert (xhr.responseText); 


) 

</script> 

<table> 
<tr><td colspan= "2"> 大 润 发 查询 系统 < /td>< /tr> 
<tr><td> 请 输入 大 润 发 卡号 < /td><td>< input id- "txtCNO" type="text" /> 
</td>< /tr> 
<tr><td colspan="2">< input id- "Buttonl" type="button" value- "查询 " onclick=" 
search()" />< /td» « /tr» 

</table> 


运行 结果 如 图 6. 28 所 示 。 

说 明 : : 

1. 在 JavaScript 中 , XMLHttpRequest 可 作为 re 14001 
一 个 对 象 来 使 用 ,由 于 不 同 浏览 器 创建 该 对 象 的 方式 
不 一 致 ,所 以 可 以 使 用 一 个 函数 (本 例 中 使 用 
createXMLHttpRequest) 专 门 负 责 创建 该 对 象 。 

2. 使 用 XMLHttpRequest 访问 服务 器 端 基 本 分 
为 四 个 步骤 : 

CD 创建 XMLHttpRequest 对 象 。 

(2) 设置 回调 函数 。 

回调 函数 用 来 对 服务 器 端 返回 结果 进行 相应 
处 理 。 图 6.28 调用 Ajax 运行 结果 

(3) 初始 化 XMLHttpRequest 组 件 。 

有 三 个 参数 : 第 一 个 是 设置 所 用 方法 GET 或 POST, 第 二 个 是 目标 资源 URL 的 字 
符 串 ,第 三 个 是 指示 请 求 是 否 异步 。 

(4) 发 送 请 求 。 

使 用 send 方法 向 服务 器 发 送 请 求 。 

3. 在 获取 服务 器 端 返回 值 之 前 , 先 要 对 XMLHttpRequest 对 象 的 状态 进行 判断 ,要 
判断 XMLHttpRequest 是 否 已 经 接收 到 服务 器 端 返回 数据 ,readyState 值 为 4 时 表示 数 
据 接收 完毕 ,status 为 200 表示 正确 返回 。 

4. 在 单 击 查询 按钮 时 ,激发 click 事件 ,调用 search() 函 数 。 
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6.3 项 目 训 练 


6.3.1 项 目 训 练 1 


通过 对 以 上 内 容 的 学 习 , 了 解 了 WebService 的 概念 及 功能 ,同时 了 解 了 创建 、 发 布 及 
调用 WebService 的 方法 ,现在 我 们 回 到 项 目 导入 的 任务 中 来 。 

1. 创建 WebService 

【步骤 1] 新建 ClothForSearch 的 网 站 来 模拟 总 公司 网 站 ,并 添加 好 数据 库 , 如 
图 6.29 所 示 。 

【步骤 2] if) Web 服务 ,如 图 6. 30 所 示 。 


'OEM-20130723TNF....- dbo.ClothAmount 


图 6. 29  ClothAmount 数据 表 图 6.30 添加 Web 服务 


【步骤 3] 编写 代码 。 


[WebMethod] 

public int GetAmountById (string id){ 
string connString- ConfigurationManager.ConnectionStrings 
["DefaultConnection"].ConnectionString; 
string sql- string.Format ("select Amount from dbo.ClothAmount where ID= "'(0)'", 
id); 
SqlConnection connection- new SqlConnection (connString); 
SqiCommand command- new SqlCommand(sql, connection); 
connection.Open () ; 
int amount- (int)command.ExecuteScalar () ; 
connection.Close(); 
return amount; 

) 


【步骤 41 发布 网 站 到 桌面 的 ClothSearch 文件 夹 ( 已 提前 建 好 该 文件 夹 )。 

2. 发 布 WebService 

【步骤 1] 前 面 IIS 已 配置 ,这 里 略 。 打 开 Internet 信息 服务 (IIS) 管 理 器 , 右 击 网 站 ， 
选择 添加 网 站 ,弹出 “添加 网 站 ”对 话 框 ,进行 如 图 6. 31 的 设置 (这 里 ,可 以 先 把 上 文 建 的 
网 站 停止 ,方法 : 右 击 个 人 网 站 ,依次 选择 “管理 网 站 ”一 “停止 " 即 可 )。 

【步骤 2] 单 击 “Internet 信息 服务 (IIS) 管 理 器 ” 右 侧 的 “编辑 权限 ”, 添 加 “Everyone” 
用 户 名 。 
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图 6.31 添加 网 站 


【步骤 3】 单 击 “Internet 信息 服务 (1IS) 管 理 器 ” 右 侧 的 “浏览 192. 168. 1. 102; 80 
(http)”, 打 开 IE 浏览 器 ,在 地 址 栏 中 添加 Web 服务 的 名 称 SearchAmountService. asmx， 
弹出 图 6. 32 所 示 的 网 页 。 


SearchAmountService 


ZATIA. WAISEX SEERARS. 


* GetAmountbyId 


此 Web 服务 使 用 http://tempuri.org/ fF/93t s & iB» 
建议 : 公开 XML Web services 之 前 ， 请 更 改 默 认命 名 空间 


每 个 XML Web services (RE E—4-E— e wig, UEM TE Web 上 的 其 他 原 务 区 分 和 开 . http://tempuri.org/ 可 月 


应 使 用 伯 控制 的 命名 空间 未 标识 XML Web services。 例 和 如， 可 以 使 用 公司 的 Internet 域名 作为 全 名 空间 的 一 部 分 。 尽管 有 许多 XML Web ser] 


使 用 ASP.NET 创建 XML Web services 时 ， 可 以 使 用 WebService 特性 的 Namespace 肩 性 更 改 执 认命 名 空间 WebService 物性 适用 于 
ce 


[WebService (Namespace-"http://microsoft.com/webservices/")] 
public class MyWebService ( 

/7 实现 
) 


图 6.32 WebService 页 面 


【步骤 4] 在 编辑 框 中 输入 id 号 , 单 击 调用 按钮 ,弹出 图 6. 33 所 示 的 页 面 。 
3. 调用 WebService 
【步骤 1】 新 建 一 个 名 为 “JXSCX” 的 网 站 ,并 添加 “CXByWS. aspx” 的 页 面 ,在 页 面 上 
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L l  SearchAmountSerice X7 1= http://192.168.1.101/S... X 


<?xml version="1.0" encoding-"utf-8" ?> 
«int xmins="http:/ /tempuri.org/">100</int> 


图 6.33 数据 返回 页 面 


添加 两 个 文本 控件 和 一 个 按钮 控件 ,代码 如 下 : 


«$6 Page Language- "C$" AutoEventWireup="true" CodeFile- "CXByWS.aspx.cs" Inherits-" 
CXByWS" $> 
< !DOCTYPE html» 
<html xmlns= "http: //www.w3.0rg/1999/xhtml"» 
«X head runat="server"> 
«meta http- equiv- "Content- Type" content- "text/html; charset- utf- 8"/» 
«title»«/title» 
< /head» 
<body> 
< form id- "forml" runat="server"> 
«div» 
&nbsp; &nbsp; &nbsp; H JA It EFA ifi SR SE « bx /> 
请 输入 货号 : <asp:TextBox ID- "TextBoxl" runat- "server">< /asp:TextBox» 
«asp:Button ID-"Buttonl" runat="server" OnClick-"Buttonl Click" Text=" 调 用 
WebService" /» 
库存 :«asp:TextBox ID- "TextBox2" runat- "server"> < /asp:TextBox» 
</div> 
</form> 
< /body» 
</html> 


【步骤 2] 添加 Web 引用 。 

CD 布 击 网 站 ,选择 “添加 服务 引用 ”, 弹 出 “添加 服务 引用 ”对 话 框 , 单 击 左下 角 “ 高 
级 ”, 弹 出 “服务 引用 设置 ?对 话 框 , 单 击 左下 角 ”* 添 加 Web 引用 ”按钮 ,弹出 “添加 Web 5] 
用 ”对 话 框 ,如 图 6. 34 所 示 。 

(2) f£ URL 中 输入 之 前 成 功 发 布 的 WebService 网 站 :“http://192. 168. 1. 102/ 
SearchAmountService. asmx”; 单 击 后 面 的 转 到 按钮 ,能 够 看 到 方法 GetAmountById, 修 
改 Web 引用 名 , 单 击 “ 添 加 引用 ”按钮 ,如 图 6. 35 所 示 。 

这 时 可 以 看 到 在 网 站 中 添加 了 相关 文件 夹 。 

(3) 实现 调用 WebService。 

代码 如 下 所 示 : 

using System; 

using System.Collections.Generic; 

using System.Ling; 
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图 6.34 WebService 查找 
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URLU): — http;//192.168.1.102/SearchAmountService.asmr - 


AATA. RREREL REENAUM. 


. eremi 


请 定位 到 提供 Web 服务 的 URL, ASSE EMIA ， 添加 位 于 该 URL 上 的 所 有 可 用 服务 。 


| searchAmountsevice sm 


此 Web 服务 使 用 http://tempuri.org/ EAS &X ill 
建议 : 公开 XML Web services ziii» WISH S ETE 


每 个 XML Web services EEN—ME-HALLN. UNEPASEHTREACE 
Wob SIR EAE. httpi//tompuri.org/ SIT-4:97 IMR£S XML Wob 
services. MEREN XML Web services EH WAS éd E. 


EUER EIS BliS e sri. XML Web services. Bic. S2 S 28 Internet 3t 
老 作为 市 才 空 间 前 一 各 分。 尽管 有 许 才 XML Web services ipti URL, TEITO 
指向 Web 上 的 款 资 源 。(XML Web services 会 各 空间 为 URI. ) 


使 用 ASP.NET Pi XML Web services 时 ， 可 以 使 用 WebService 特性 的 
Namespace 属性 更 改 拓 认命 各 空间 。WebService MEEFFE XML Web services 
TANA. TEE AEEPUA EETRIS "http;//microsoftcom/webservices/": 


cs 
[WebService (Namespace-"http://microsoft.com/webservices 


Public class MyWebService ( 
PETI 


([LMÁÁÁ——HÉ—ÉÉÉÓÁ , 


位 于 此 URL 上 的 Web IBS): 
He 1 个 最 务 : - 


- SearchAmountService 


图 6.35 


using System.Web; 

using System.Web.UI; 

using System.Web.UI .WebControls; 
using WebReference; 


public partial class CXByWS : System.Web.UI .Page 


添加 Web 引用 


// 引 用 命名 空间 
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protected void Page Load(object sender, EventArgs e) 

t 

H 

protected void Buttonl Click(object sender, EventArgs e) 
i 


SearchAmountService saservice- new SearchAmountService (); 


TextBox2. Text= saservice .GetAmountByTd (TextBox 1. Text .Trim () ) .TbString (); 


6.3.2 项 目 训练 2 


通过 对 以 上 内 容 的 学 习 , 了 解 了 Ajax 的 概念 及 原理 ,同时 了 解 了 使 用 Ajax 实现 页 面 
无 刷新 的 步骤 ,现在 回 到 项 目 导入 的 任务 中 来 。 

1. 实现 服务 器 端的 程序 

基本 思路 : 通过 URL 接收 用 户 名 和 密码 ,然后 调用 相关 代码 进行 判断 ,返回 对 应 的 

【步骤 1] 搭建 系统 架构 ,并 添加 各 层 之 间 的 引用 ,如 图 6. 36 所 示 。 

【步骤 2】 新 建 数据 库 CLoginDB, 添 加 数据 表 tbCustomerLogins, 如 图 6. 37 所 示 。 
配置 Web. Config: *— add name 二 "DefaultConnection" providerName — "System. Data. 


SqlClient" connectionString = " Data Source = OEM-20130723TNF ; Initial Catalog = 
CLoginDB; User ID= sa; Password — 123456" />”。 


UE JE 31 HU o A SURE. ln 6. 38 所 示 。 


搜索 解决 方案 资源 管理 器 (Ctr|+;) 


RI RASE CustomerLogin' (4 个 项 目 ) m MEE MED (4 NAB) 
4 CLBLL. 
b @ cB V 
b 图 CLDAL d A em 
5 PES b & tbCustomerLoginManager.cs 
- 4 F9 CLDAL 
b £ Properties 
图 6.36 搭建 系统 框架 » wa 引用 


b Œ tbCustomerLoginSevice.cs 
4 CLModel 


- b M Properties 
OEM-20130723TNF—tbCustomerLogins| — uus 
列 名 数据 类 型 ftir Nul (B. Peu z 
p .] ardere) ig b @ cweb 
Userpwd nvarchar(50) gm 
6.37 tbCustomerLogin 数据 表 图 6.38 添加 类 


【步骤 4] 编写 实体 层 代码 。 


public class tbCustomerLogin 
t 


private string userId; 
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public string UserId 
t 
get { return userld; } 
set { userId-value; } 
} 
private string userPwd; 
Public string UserPwd 
t 
get ( return userPwd; ) 


set ( userPwd-value; } 


) 
【步骤 51 编写 数据 访问 层 代码 。 


public bool GetByCout (string id, string pwd) 
1 
string connString- ConfigurationManager.ConnectionStrings 
["DefaultConnection"] .ConnectionString; 
SqlConnection connection- new SqlConnection (connString); 

connection .Open(); 

string sql-string.Format ("select count ( * ) from dbo. 

tbCustomerLogins where UserId- '(0)' and UserPwd- '(1)'",id,pwd); 

SqlCormmand command- new Sq1Command (sql, connection); 

int n- (int)command.ExecuteScalar () ; 

connection.Close|(); 

return n» 0; 


) 
UE JE 6) 编写 业务 迎 辑 层 代码 。 


public bool GetByCout (string id, string pwd) 
t 
return new tbCustomerLoginService ().GetByCout (id, pwd); 
} 


【步骤 7] Aiii CLWeb, 依 次 选择 “添加 ”一 “添加 新 项 ”, 弹 出 “添加 新 项 ”对 话 框 ,选择 
“C#” 和 “一 般 处 理 程序 ”, 在 名 称 框 中 输入 “TLoginHandler. ashx”, 如 图 6. 39 所 示 。 单 
击 “ 添 加 ”按钮 。 

【步骤 8] 编写 一 般 处 理 程序 代码 。 


< %@ WebHandler Language="C#" Class- "TLoginHandler" &» 
using System; 

using System.Web; 

using CLBLL; 

using CIModel; 
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图 6.39 添加 一 般 处 理 程序 


public class TLoginHandler : IHttpHandler ( 
public void ProcessRequest (HttpContext context) ( 
context.Response.ContentType- "text/plain"; 
string id- context.Request .QueryString["id"]; 
string pwd- context.Request.QueryString ["pwd"]; 
if (new tbCustomerLoginManager () .GetByCout (id, pwd)) 
context .Response.Write ("用 户 名 密码 正确 ,登录 成 功 "); 
else 
context.Response.Write ("用 户 名 密码 错误 ,登录 失败 "); 
public bool IsReusable { 
get ( 
return false; 


H 


2. 实现 Ajax 客户 端 
新 建 页 面 LoginCX. aspx, 添 加 如 下 代码 : 


<%@ Page Language- "C£" AutoEventWireup- "true" CodeFile- "LoginCX.aspx.cs" Inherits-" 
LoginCX" $» 
< !DOCTYPE html» 
«html xmlns- "http: //www.w3.0rg/1999/xhtml"» 
X head runat="server"> 
«meta http- equiv- "Content- Type" content- "text/html; charset-utf- 8"/» 
«title»«/title» 
«script type- "text/javascript"» 
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var xhr; 
function createXMLHttpRequest () { 
if (window.ActiveXObject)( // 如 果 是 焉 浏览 器 
return new ActiveXObject ("Microsoft.XMLHTTP") ; 
) 
else if (window. XMLHttpRequest) ( // 非 还 浏览 器 
return new XMLHttpRequest () ; 


} 
function search (){ 
var id= document .getElementById ("txtId") value; 
Var pwd= document .getElementById ("txtPwd") .value; 
if(id !="" & pwd!="") { 
// 请 求 字符 串 


var url= "TLoginHandler.ashx? id= "+ id.toString ()+"&pwd= "+ pwd. toString 


0; 

//A. 创建 XMLHttpRequest 组 件 
xhr- createXMLHttpRequest () ; 
//2. 设置 回调 函数 
xhr.onreadystatechange- readyDo; 
//3. 初始 化 XMLHttpRequest 组 件 
xhr.open("GET", url, true); 

//4. 发 送 请 求 

xhr.send (null); 


} 
function readyDo () { 
if (xhr.readyState==4 
&& xhr.status-- 200) { 
alert (xhr.responseText); 


) 
</script> 
< /head> 
<body> 
< form id= "forml" runat="server"> 
<div style= "text-align:center"» 
<table> 
<tr><td colspan= "2"> 登 录 系 统 </td></tr> 
<tr><td> 用 户 名 < /td» « td» « input id= "txtId" type="text" /></td>< /tr» 
<tr><td> 密 码 < /td><td><input id-"txtPwd" type="password" /»« /td»« /tr» 


<tr><td colspan-"2"»« input id-"Buttonl" type="button" value- "登录 " onclick-" 


search()" />< /td» « /tr» 
« /table» 
</div> 
< /fom> 
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< /body» 
</html> 
6.4 平行 项 目 训 练 
1. 训练 内 容 
创建 WebService 实现 用 户 名 的 模糊 查询 功能 , 另 建 一 个 网 站 ,能 够 根据 用 户 名 查找 
员工 信息 。 
2. 训练 目的 


(1) 进一步 训练 和 巩固 学 生 对 WebService 的 原理 的 理解 ; 

(2) 使 学 生 对 WebService 的 创建 .发布 及 调用 有 一 个 比较 深刻 的 印象 和 认识 。 

3. 训练 过 程 

【步骤 1】 创 建 WebService, 

(1) 新 建 WorkerForSearch 的 网 站 来 模拟 总 公司 网 站 ,并 添加 数据 库 , 如 图 6. 40 
所 示 o 

(2) 添加 Web 服务 ,如 图 6. 41 所 示 。 


'OEM-20130723TNF... - dbo.Workerinfo 
数据 类 型 允许 Md 值 


nt 
nvarchar(s0) 
nvarchar(50) 
int 


项 名 称 : 。 Search WorkerServicel 


图 6.40 — WorkerlInfo 数据 表 图 6.41 添加 Web 服务 
(3) 编写 代码 。 


[WebMethod] 
public DataSet GetWorkerByName (string name) { 
string connString- ConfigurationManager.ConnectionStrings 
["DefaultConnection"].ConnectionString; 


string sql-string.Format("select * from dbo.WorkerInfo where Name like'$(0)$'", 
name); 

SqlConnection connection- new SqlConnection (connString); 

SglDataAdapter da= new SqlDataAdapter (sql, connection); 

DataSet ds- new DataSet () ; 

da.Fill(ds); 

return ds; } 


(4) 发 布 网 站 到 桌面 的 WorkerSearch 文件 夹 ( 已 提前 建 好 )。 
【步骤 2】 发布 WebService, 
CD 前 面 IS 已 配置 ,这 里 略 。 打 开 Internet 信息 服务 (IIS) 管 理 器 , 右 击 网 站 ,选择 
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添加 网 站 ,弹出 “添加 网 站 ”对 话 框 ,进行 设置 ,如 图 6. 42 所 示 ( 这 里 ,可 以 先 把 上 文 建 的 网 
站 停止 ,方法 : 右 击 网 站 ,依次 选择 “管理 网 站 ”一 “停止 ” 即 可 )。 


员工 信息 查询 员工 信息 查询 
ASER 
物理 路 径 (P): 


CA\Users\Administrator\Desktop\WorkerSearch - 


http. - 
主机 名 (H): 


ER: www.contoso.com 8 marketing.contoso.com 


[V] 立即 启动 网 站 (M) 


图 6.42 添加 网 站 


(2) 单 击 “Internet 信息 服务 (IIS) 管 理 器 ” 右 侧 的 “编辑 权限 ”, 添 加 “Everyone” 用 
户 名 。 
(3) 单 击 “Internet 信息 服务 (IIS) 管 理 器 ? 右 侧 的 “浏览 192. 168. 1. 101: 80(http)”， 


FTF IE 浏览 器 ,在 地 址 栏 中 添加 Web 服务 的 名 称 SearchWorkerService. asmx. 弹出 
图 6. 43 所 示 的 网 页 。 


(4) 在 编辑 框 中 输入 name 号 , 单 击 调用 按钮 .弹出 图 6. 44 所 示 的 页 面 。 
【步骤 3】 调 用 WebService。 


CD 新 建 一 个 名 为 “WorkerCX” 的 网 站 ,并 添加 “WorkerInfoCX. aspx” 的 页 面 ,在 页 
面 上 添加 文本 控件 和 按钮 控件 ,代码 如 下 : 


« $6 Page Language- "C£" AutoEventWireup- "true" CodeFile- "WorkerInfoCX.aspx.cs" Inherits 
—'"WorkerInfoCX" $» 


< !DOCTYPE html» 

«html xmlns= "http: //www.w3.o0rg/1999/xhtml"» 

X head runat="server"> 

«meta http- equiv- "Content- Type" content- "text/html; charset-utf- 8"/» 
«title»«/title» 


< /head» 
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SearchWorkerService 


支持 下 列 操作 .有关 正 式 定义 ,请 查看 服务 说 明 . 


* GetWorkerByName 


此 Web 服务 使 用 http: / /tempuri.org/ FARUS EZA 

建议 : 公开 XML Web services 之 前 ， 请 更 改 里 认命 名 空间 。 

每 个 XML Web services (63—48— 86 E SIR. LIRE PTUEUERUFREEATE S Web 上 的 其 他 取 务 区 分 开 .http://temp 
应 使 用 伯 控 制 的 全 名 空间 来 标识 XML Web services. 例如 ， 可 以 使 用 公司 的 Internet 域名 作为 命名 空间 的 一 部 分 。 尽 管 有 许多 | 
使 用 ASP.NET 创建 XML Web services P}. TELE WebService 特性 的 Namespace 属性 更 改 的 认 信 各 空间 .WebServi 
ce 


[WebService (Namespacee"http://microsoft.com/webservices/")] 
public class MyWebService ( 
// 实现 


图 6.43 WebService 页 面 


OAIN 192.168.1.101 
BME mu eO 主页 恢复 FA- mm E 


登录 ošu - Hak 起 网址 大 全 [236025£ E 2013-07-28 导入 国 ASP.NET 45 和 Vi-， 身 太仓 市 道路 交通 技 - 
http//192.168.1.101/5... X 


<?xml version="1.0" encoding-"utf-8" ?> 
http:/ /tempuri.org/* 
j "NewDataSet" xmins=" xmins:xs-"http:/ /www.w3.org/2001/XMLSchema" xmins:msdat 
- «diffgr:diffgram xmins:msdata-"urn:schemas-microsoft-com:xml-msdata" xmins:diffgr-"urn:schemas- 
- «NewDataSet xmin 
- «Table diffgr:i 
«1d»1«/1d». 
<Name> 张 三 </Name> 
<Department> 生 产 部 </Department> 
<gongling>5</gongling> 
«/Table» 
- «Table diffgr:id-"Table2" msdata:rowOrder="1"> 
«1d»2-/1d» 
«Name» X3kE «/Name» 
«Department» iif $ </Department> 
«gongling»10 «/gongling» 
«/Table» 
</NewDataSet> 
</diffgr:diffgram> 
</DataSet> 


'able1" msdata:rowOrder="0"> 


图 6.44 数据 返回 页 面 


<body> 
< form id= "forml" runat="server"> 
<div> 
员工 信息 查询 系统 <br /> 
请 输入 员工 姓名 (支持 模糊 查询 ) < asp: TextBox ID-"txtName" runat="server"> </asp: 
TextBox> <asp:Button ID- "Buttonl" runat="server" Text- "fEif]" /><br /> 


«asp:GridView ID- "GridViewl" runat="server" AutoGenerateColumns- "False"» 
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«Columns» 


«asp:BoundField DataField- "Name" HeaderText=" 姓 名 " /> 


<asp:BoundField DataField- "Department" HeaderText- "部 门 " /> 


<asp:BoundField DataField- "gongling" HeaderText- "T ff" /> 
< /Columns» 


« /asp:GridView» 
</div> 
«/form» 
< /body» 
« /html» 


(2) 添加 Web 引用 。 


(a) 布 击 网 站 ,选择 “添加 服务 引用 ”, 弹 出 “添加 服务 引用 ”对 话 框 , 单 击 左 下 角 “ 高 


级 ”, 弹 出 “服务 引用 设置 "对话 框 , 单 击 左 下 角 “ 添 加 Web 引用 ”按钮 ,弹出 “添加 Web 5] 
用 ”对 话 框 ,如 图 6. 45 所 示 。 


添加 Web 引用 


请 定位 到 提供 Web 服务 的 URL , 然后 单 击 “ 添 加 引用 ” ， 添 加 位 于 该 URL 上 的 所 有 可 用 服务 。 
i ee|xoc 


URLU): 


"m a| 位 于 此 URU 
| Fens web 服务 


AER Web 服务 的 起 始点 。 您 可 以 单 击 下 面 的 链接 ， 或 者 在 地 址 栏 中 


在 您 的 本 地 网 络 上 查询 UDI 服务 器 。 web sind 


E 


图 6.45 WebService 查找 


(b) 在 URL 中 输入 之 前 成 功 发 布 的 WebService 网 站 :“http://192. 168. 1. 102/ 
SearchWorkerService. asmx”; 单 击 后 面 的 “ 转 到 ”按钮 ,能 够 看 到 GetWorkerByName 方 
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法 ,修改 Web 引用 名 , 单 击 “ 添 加 引用 ”按钮 ,这 时 可 以 看 到 在 网 站 中 添加 了 相关 文件 夹 。 
如 图 6.46 所 示 。 


位 于 此 URL 上 的 Web RSS): 
| msldms. 


AATRE. RREZEN. SEEBA GM. Si Soros. 


* GetWorkerByName 


此 Web 服务 使 用 http:/ /tempuri.org/ 作为 战 认命 名 空间 
建议 : 公开 XML Web services 之 前 ， 请 更 改 时 认命 名 空间 。 


每 个 XML Web services 688—565. NEFASCARFRESTH 
Web 上 的 其 他 服务 区 分 开 .https//tempuri.org/ TMFEFFRMRY XML Web 
services. MERA XML Web services SE EW SA Bee. 


应 使 用 您 控制 的 从 名 空间 来 标识 XML Web services. Mio. TUETAN Internet i 
名 作为 市 各 空间 前 一 部 分 。 尽 各 有 府 雪 XML Web services SLEME URL. TEITO 
指向 Web ESEE. (XML Web services sig URI. ) 


使 用 ASP.NET 创建 XML Web services 时 ， 可 以 全 用 WebService 特性 的 
Namespace AGE. sS. WebService 特性 适用 于 得 言 XML Web services 
方法 的 并。 TU REHEMAG ESI "http;//microsoft.com/webservices/": 


ce 


[WebService (Namespace="http://microsoft.com/webservices 
Public class MyWebService ( 
/1/ 实现 


图 6.46 添加 Web 引用 


(3) 实现 调用 WebService, 
代码 如 下 所 示 : 


using System; 

using System.Collections.Generic; 
using System.Linq; 

using System.Web; 

using System.Web.UI; 

using System.Web.UI.WebControls; 


using WebReference; 


public partial class WorkerInfoCX : System.Web.UI.Page 
t 
protected void Page Load(object sender, EventArgs e) 
t 
) 
protected void Buttonl Click(object sender, EventArgs e) 
í 
SearchWorkerService sws- new SearchWorkerService (); 
GridViewl.DataSource- sws.GetWorkerByName (txtName Text .Trim()) ; 
GridViewl.DataBind(); 


$$6€ WebService 11 Ajax Rz FH 


运行 结果 如 图 6.47 所 示 。 


图 6.47 查询 页 面 


6.5 总 结 


本 章 通过 简单 项 目 案例 ,介绍 了 WebService 的 原理 及 其 应 用 。WebService 能 够 在 
不 同 程序 或 者 不 同 平台 上 开发 的 程序 互相 通信 ,是 当前 最 成 熟 的 SOA 技术 之 一 。Ajax 
是 服务 器 端 十 客户 端 技术 ,能够 实现 页 面 的 无 刷新 ,通过 简单 案例 ,介绍 了 Ajax 技术 的 实 
现 方法 。 


6.6 3 A 


1. 简 述 Web Service 的 工作 原理 。 

2. 简 述 Ajax 所 有 技术 元 素 的 作用 。 

3. 简 述 使 用 XMLHttpRequest 访问 服务 器 的 步骤 。 

4. 新 建 一 个 名 为 “DoctorForSearch” 的 网 站 来 模拟 总 医院 网 站 , 新建 一 个 名 为 
“YSCX” 的 网 站 ,来 模拟 各 分 院 网 站 ,通过 WebService 查询 总 医院 医生 门诊 情况 。 


医生 信息 查询 系统 
请 输入 医生 科室 (支持 模糊 查询 ) 内 科 
HE 


5. 实现 铁路 网 上 客票 验证 功能 ,输入 旅客 姓名 、 身 份 证 号 及 火车 票 编号 , 单 击 “ 查 询 ” 
按钮 ,提示 验证 结果 ,整个 页 面 过 程 无 刷新 (提示 : 用 Ajax 来 实现 ) 。 


TbodyT 


铁路 客票 查询 系统 
姓名 
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本 章 要 点 : 

* 使 用 GridView 读 取 Excel 数据 

* 将 Excel 表格 数据 写 入 SQL Server 数据 库 

* 将 GridView 表格 数据 导出 另存 为 Excel 表格 

* 将 GridView 表格 数据 生成 固定 格式 的 Excel 报表 
技能 目标 : 

。 会 编码 获取 Excel 文件 数据 并 展示 在 GridView 表格 中 
。 会 编写 GridView 写 入 数据 库 的 代码 

。 会 编码 实现 GridView 中 数据 导出 到 Excel 文件 中 

* 会 编写 GridView 表格 数据 生成 固定 格式 报表 的 代码 


7.1 = S-A 


【项 目 场景 】 


在 大 学 生成 长 记 平台 中 ,有 如 图 7. 1 的 数据 表格 ,包括 学 生 表 .成绩 表 和 荣誉 表 , 分 别 
记录 学 生 基 本 信息 ,课程 成 绩 和 各 项 荣誉 称号 ,在 录入 学 生 信 息 时 ,经 常 需要 将 整个 班级 
学 生 信息 整体 导入 学 生 信息 表 , 如 图 7.2 和 图 7. 3 所 示 。 在 信息 查询 的 时 候 , 用 户 需要 将 
查询 结果 另存 为 Excel 文件 ,如 图 7.4 所 示 ; 整 个 系统 需要 打印 包括 基本 信息 、 成 绩 、 荣 誉 
在 内 的 学 生成 长 记录 汇总 表 , 如 图 7.5 和 图 7.6 所 示 。 

请 结合 项 目 功 能 和 图 7. 1 一 图 7.6, 实 现 以 下 操作 : 

(1) 将 学 生 信 息 按照 班级 整体 导入 ; 

(2) 将 查询 到 的 学 生 信息 另存 为 自动 格式 的 Excel; 

(3) 实现 打印 每 个 学 生成 长 记录 信息 汇总 表 ( 固 定格 式 的 Excel 表格 ) 。 


【问题 引导 了 


(1) ASP. NET 如 何 读 取 Excel. 
(2) 如 何 将 Excel 表格 数据 导入 数据 库 并 展示 在 页 面 。 
(3) 如 何 成 批 导 出 (另存 ) 查 询 出 来 的 GridView 中 的 数据 。 
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ADMIN-PC stuDB - dbo.score 


5m 数据 类 型 fti nul (B. 到 名 数据 类 型 允许 Nul 值 
» varchar(30) 贺 > j varchar(30) 加 
term varchar(50) [:] honori varchar(50) [E] 
course varchar(50) [7] gotDate. date [E] 
scorel int grantingUnit. varchar(50) 
remarks varchar(MAX) E] grade varchar(50) [2] 
ADMIN-PCstuDB - dbo.student 
列 名 数据 类 型 允许 Ml 值 

LI [suo varchar(15) 

stuName. varchar(30) [7] 

stuGender. varchar(6) 

brthpate date [7] 

profession varchar(50) 

assi varchar(50) [7] 

department varchar(S0) 

instructor. varchar(30) E] 

countrySid varchar(20) 

address varchar(MAX) [:] 

zpCode varchar(50) 

famiyTel varchar(15) [:] 

password verchar(50) c] 

[a] 

图 7.1 学 生 表 、 成 绩 表 和 荣誉 表 


4.4 ] 5. c D Ez qeu r3 Ho I J S SR Wk | a 

l |stuNO stulane stuGenderbirthDateprofessicclass| departmerinstructccountrySiaddress | gipCode fanilyTelpassWord 
2 722 BAR x 1995/5/1 软件 技术 全 日 制 201 软件 与 服 关 汪 园 超 — ID 太仓 215411 dio ,123456 
Erg mns 9 1995/5/2 软件 技术 全 日 制 201 软件 与 服 条 汪 园 超 IP 太仓 215411 "i10 7123456 
45 We 8 1995/5/3 软件 技术 “全 日 制 201 WfFSREXER 。 江苏 太仓 215411 Mo 7123456 
55 Tum B 1995/5/4 软件 技术 全 日 制 201 软件 与 服 疾 汪 园 超 IP 太仓 215411 "10 7123456 
6 BEX k 1994/5/3 软件 技术 “全 日 制 201 软件 与 服 才 汪 加 起 IP 太仓 ul "o 7123456 
|16 mmm x 1995/5/6 软件 技术 “全 日 制 201 软件 与 服 搓 汪 园 超 IP 太仓 Misai "o 7123456 
HJ aee B 1995/5/7 软件 技术 “全 日 制 201 软件 与 服 关 汪 固 超 IP X& ial "io 7123456 
d E x 1995/5/8 软件 技术 “全 日 制 201 软件 与 服 才 汪 园 超 。 江苏 太仓 Misa “il0 7123456 
[10 fo £u E! 1995/5/9 软件 技术 “全 日 制 201 软件 与 服 亲 汪 园 超 IP 太仓 215411 "10 7123456 
11 rio xm B serit 软件 技术 全 日 制 201 软件 与 服 关 汪 园 超 I5 太仓 iui "0 7123456 
12 fii Am» m ssssrees 软件 技术 全 日 制 201 软件 与 服 天 汪 园 超 。 江苏 太仓 215411 "10 7123456 
13 i2 IB. 男 sseeiir: 软件 技术 全 日 制 201 FEELSEET. 江苏 太仓 fu "o 7123456 
14 ^3 I*R E esseere 软件 技术 全 日 制 201 软件 与 服 闫 汪 江苏 太仓 215411 "10 7123456 
15 "ia Ha 2 ssrecrif 软件 技术 全 日 制 201 SROREIBE 江苏 太仓 W215411 "i10 7123456 
16 "15 mns m 地 软件 技术 “全 日 制 201 软件 与 服 去 汪 园 超 。 江苏 太仓 iul "10 7123456 
[11 i6 WIR x 1995/3/5 软件 技术 “全 日 制 201 软件 与 服 亲 汪 园 超 IP 太仓 fisali "i10 7123456 
[18 T E] x seieeei: 软件 技术 “全 日 制 201 软件 与 服 关 汪 园 超 I5 太仓 iul "io 7123456 
[19 fis REE xk sesers 软件 技术 全 日 制 201 软件 与 服 科 汪 园 超 。 江苏 X& Misa "10 7123456 
[20 i9 许 源 x #4#888## 软件 技术 “全 日 制 201 软件 与 服 关注 园 超 I5 太仓  %isa "o 7123456 
21 20 RE B sesssess 软件 技术 全 日 制 201 软件 与 服 条 汪 园 超 IF 太仓 Misan "10 7123456 
[22 21 Wem m seserre: 软件 技术 “全 日 制 201 软件 与 服 条 汪 园 超 IP 太仓 "isai "i10 7123456 
[23 722 Dd x essees 软件 技术 “全 日 制 201 软件 与 服 关 汪 国 超 IF 太仓 iul "0 7123456 
[24 23 fux B ssssrees 软件 技术 全 日 制 201 VFGEEGEBS IP 太仓 215411 "10 7123456 
e AFH 8 serrer 软件 技术 全 日 制 201 软件 与 服 关 汪 园 超 I5 太仓 iul "0 7123456 
2 LL x sesers 软件 技术 全 日 制 201 软件 与 服 条 汪 园 超 IP 太仓 215411 "10 "123456 


图 7.2 导入 前 的 班级 学 生 信息 (Excel 表格 ) 


122 ASP.NET HÄ Web 开发 技术 项 目 化 教程 


查询 条 件 : | 学 号 
出 生日 期 : 


o [v] ($8 M- 


li KESAJ EE] 


软件 与 服 


女 1995/5/1 软件 全 日 制 2013 rj ge 
院 


TE 技术 “软件 技术 1 班 215411 110 123456 [] 


软件 与 服 
g 1995/5/2 软件 全 日 制 2013 spg 


0:00:00 技术 软件 技术 1 班 


江苏 
E Hess 215411 110 123456 O 


软件 与 服 
gi 1995/5/3 R 全 日 制 2013 rj ge 


UU, 技术 “软件 技术 1 班 X5 太仓 215411 110 123456 [] 


软件 enso Pom 


0:00:00 技术 软件 技术 1 班 院 


软件 enso BoE 
n 


0:00:00 技术 软件 技术 1 班 


江苏 太仓 215411 110 123456 [] 


江苏 太仓 215411 110 123456 [] 


女 1995/5/6 软件 全 日 制 2013 E EM 


0:00:00 技术 OWPHERIM Ql 


软件 与 服 
g 1995/57 — 软件 全 日 制 2013 pner 


江苏 太仓 215411 110 123456 [] 


0:00:00. 技术 WOHIN 江苏 太仓 215411 110 123456 [] 


* 
iam SÓm- 5 BK Sm (030 Romer 
* 
$ 
E 
TERR GS CR EDK GDN MS DLE GS CELA SUR 


Fd 7.3 单 击 “批量 导入 ”后 的 界面 效果 


TETE n -— -— >= 


国 es mus 
n 
类 型 Microsoft Excel 97-2003 TfE, 19.91 1B 


TIDHAR: http://localhost: 4023/student, aspx 


FIE: C:\Wrers\adnin\Desktop\ - 
各 SERA: 


REIA © #METS|PETA 2a 


图 7.4-1 adt S BH US A FO x RE 


c D E E G H I J K L u ] 

uGenderbirthDateprofessicclass| ^ departmerinstructccountrySiaddress zipCode fanilylelpassWord 
1995/5/1 软件 技术 “全 日 制 201 软件 与 最 闫 汪 园 起 I5 fisani "10 123456 
1995/5/2 软件 技术 “全 日 制 201 软件 与 服 关 汪 园 超 ` 太仓 。 215411 "i0 7123456 
1995/5/3 软件 技术 “全 日 制 201 软件 与 服 关 汪 园 超 太仓 。 215411 "io 7123456 
1995/5/4 软件 技术 “全 日 制 201 软件 与 服 关 汪 园 起 太仓 。 215411 "io 7123456 
1994/5/3 软件 技术 “全 日 制 201 软件 与 服 关 汪 园 超 太仓 Misai "io 7123456 
1995/5/6 软件 技术 “全 日 制 201 软件 与 最 关 注 园 超 太仓 。 215411 "i0 7123456 
1995/5/7 软件 技术 “全 日 制 201 软件 与 服 关 汪 园 超 太仓 。 215411 "i0 7123456 
1995/5/8 软件 技术 “全 日 制 201 软件 与 服 闫 汪 园 超 太仓 。 215411 "io 7123456 
1995/5/9 软件 技术 “全 日 制 201 Sft SERE ERES 太仓 。 215411 "io 7123456 
srete 软件 技术 全 日 制 201 软件 与 最 关 汪 园 超 太仓 Misai "iio 7123456 
sree 软件 技术 全 日 制 201 软件 与 最 关注 园 起 太仓 。 215411 "%10 7123456 
smee 软件 技术 全 日 制 201 SISTERS 太仓 215411 "iio 7123456 
seeme 软件 技术 全 日 制 201 软件 与 最 关 汪 园 超 太仓 。 215411 "io 7123456 
sem 软件 技术 全 日 制 201 IPSE 太仓 。 215411 "io 7123456 


太仓 215411 "110 
ke hisar Mio 
X& 。 215411 "0 
太仓 215411 "i10 
太仓 215411 "110 
太仓 215411 "110 
太仓 215411 "110 
太仓 215411 “il10 
太仓 215411 "110 
太仓 215411 "110 
太仓 215411 "10 


amen 软件 技术 全 日 制 201 软件 与 最 关注 园 超 
1995/3/5 软件 技术 全 日 制 201 软件 与 服 关 汪 园 超 
treerne 软件 技术 全 日 制 201 ÉCRSGRRIENS 
smes 软件 技术 全 日 制 201 HASRETE 
semer 软件 技术 全 日 割 201 ER SETRIES 
amr 软件 技术 全 日 割 201 HASRETE 
全 日 制 201 软件 与 服 和 关注 园 超 
armer 软件 技术 全 日 害 201 HASRETE 
srmn 软件 技术 全 日 制 201 ER SERIES 
arme 软件 技术 全 日 制 201 HASRETE 
armen 软件 技术 全 日 制 201 HASRETE 


ta yt d 8 t XE 39:39) 199 9 9 XE OR VER SEIE $ 


图 7.4-2 数据 导出 另存 的 效果 
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[xis | 打印 报表 
出 生日 期 “| 专业 班级 RA Eii did 邮编 | 家庭 电 启 
1995/5/1 0:00:00| 坎 件 技术 [全 日 制 2013 软 件 技术 1 班 两 件 与 服务 外 包 学 院 了 江苏 宿迁 | 江苏 宿迁 北京 路 1 号 |215411|110 
I NE] 


S8 |2014-2015-1| 
po |2014-2015-1 
92 —p014-2015-2 
[ER pe 014201522 
E E 88 |2015-1-1 
ps [2015-4-5 
|98 [2015-6-7 
[AsPNET 程 序 设计 |89_ 2015-6-7 
[动态 WEB 开 发 |86 |2016-7-8 
|PHP 程 序 设计 98 |2014-3-4 
[i 医大 时 间 


ETE | 

ELE [2015/5/6 0:00:00 他 工会 
蕊 号 学 生 [2015/6/1 0: pee 
| 优秀 干部 2014/2/1 0:00:00) 27 
ARRA [2014/3/1 0.00:00| 省 级 “江苏 省 教育 厅 | 

53 2015/6/7 0:00:00| Xe XI 8 
| 一 等 奖学金 ”|2014/5/6 0:00:00| 省 级 RAT 
国家 而 专 交 学 多 |2015/6/6 0:00:00) Li 
BE po1s/7/60:00:00[8:8 — RAT 


图 7.5 打印 固定 报表 前 的 界面 查询 到 某 个 学 生 的 数据 


大 学 生成 长 记录 信息 汇总 表 


图 7.6-1 打印 前 的 固定 表格 
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学 生成 绩 获 奖 汇总 表 


messi 人 


2014-2015-1 


2014-2015-1 


2014-2015-2 


2014-2015-2 


2011/1 


201Y4/5 


2016/7 
mret 
mse| mik 


HEREDI 


misi 


muzA 


zu 


2154/7 


2014/5/6 


图 7.6-2 打印 后 数据 报表 效果 
(4) 如 何 将 界面 Grid View 中 的 数据 直接 打印 成 固定 格式 的 报表 。 


7.2 技术 与 知识 准备 


7.2.1 读 取 Excel 数据 并 显示 在 GridView 控件 中 


【示例 7.1】 有 一 个 Excel 表格 ch7_1, 数 据 如 图 7.7(a) 所 示 , 编 写 代 码 , 将 表格 数据 
读 入 界面 的 GridViewl 中 ,运行 结果 如 图 7.7(b) 所 示 。 


4 A | B c D AA... J| 导入 
L1- no nane nun Tenark ||nomame num rema 
| 2 1 匣子 3 E 
3 z Pr 1 1 茄子 3 
4 3 丝瓜 5 2 黄瓜 4 
EM 3 丝瓜 


(a) (b) 
图 7.7 将 Excel 数据 读 和 人 GridViewl 


【步骤 1] 在 界面 添加 一 个 按钮 “导入 ”, 添 加 一 个 “FileUploadl1” 控 件 和 GridViewl. 
设计 界面 如 图 7.8 所 示 。 


[[body[ 
浏览 ... | SS 入 
Column0 Columnl Column2 
abc abc abc 
abc abc abc 


图 7.8 导入 数据 界面 
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【步骤 2] 在 Button1“ 导 入 ”按钮 编写 导入 Excel 数据 的 代码 。 


using System.Data; 
using System.Text; 
using System.Data.SqlClient; 
using System.Data.OleDb; 
using System.Data.SqlClient; 
// 添 加 以 上 引用 
if (FileUploadl.PostedFile.FileName=="") 
{ Response.Write ("< script>alert (' 请 您 选择 Excel 文件 ')</script>m) 7 

} 

else 

{ 

string strconn- "Provider- Microsoft.Jet.OLEDB.4.0;Data Source="+ FileUploadl. 

PostedFile.FileName.ToString()* ";Extended Properties- Excel 8.0;"; 

OleDbConnection mycn- new OleDbConnection (strconn); 

mycn.Open () ; 

DataSet grid- new DataSet () ; 

OleDbDataAdapter da- new OleDbDataAdapter ("select * from [Sheet15 ]",mycn) ; 

da.Fill(grid, "ExcelInfo"); 

GridViewl.DataSource- grid.Tables ["ExcelInfo"].DefaultView; 

// 添 加 一 个 Gridview2, 作 为 数据 缓冲 , 往 数 据 库 添加 数据 ,不 可 见 。visible 定 义 为 false 
GridViewl.DataBind(); 
mycn.Close(); 


mycn.Dispose(); ) 


7.2.2 将 GridView 表格 中 数据 写 人 SQL Server 数据 表 中 


【示例 7.2】 将 示例 7.1 中 GridViewl 的 数据 写 入 SQL Server 数据 库 。 运 行 效果 
如 图 7.9 所 示 。 


no name num remark 
» jB 匣子 3 MAL 

2 黄瓜 4 NAL 

3 丝瓜 5 MAL 
* Mu NU Mu Mu 


图 7.9 导入 到 SQL Server 数据 库 后 的 效果 


【步骤 1] 在 界面 添加 一 个 按钮 “ 写 人 数据库 按钮 ”, 如 图 7. 10 所 示 。 
【步骤 2) 在 “ 写 入 数据库 ”按钮 中 编写 代码 。 


protected void Button? Click (object sender, EventArgs e) 
{ 
string constring-ConfigurationManager.ConnectionStrings ["ch07"] .ToString (); 


// 定 义 连 接 数据 库 的 字符 串 
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[bi  — — — — — — — — — —— 
[ — 浏览..， | 号 入 | 写 入 数据 库 
Column0 Columni Column? 

abc (abc — (abc 

abc abc abc 


abc abc abc 
abc abc abc 
abc labc ^ abc 


图 7.10 “ 写 和 数据库 ”按钮 


foreach (GridViewRow rowview in GridViewl.Rows) 

t 
SqlConnection conn- new SqlConnection (constring); 
string sql= string.Format ("insert into ch07 values('(0) ', ' (1) ', ' (2) ', ' (3) ") ", rowview. 
Cells[0].Text, rowview.Cells[1].Text, rowview.Cells[2].Text, rowview.Cells[3].Text); 
SqlCommand cmd- new SqlCommand (sql, conn); 
conn.Open () ; 
cmd.ExecuteNonQuery () ; 
conn.Close(); 
conn.Dispose(); 
} 

) 


7.2.3 将 Excel 数据 导出 (另存 为 )Excel 


1. 将 整个 html 全 部 输出 Excel 
此 法 将 html 中 所 有 的 内 容 , 如 按钮 ,表格 ,图 片 等 全 部 输出 到 Excel 中 。 


Response.Clear(); 

Response.Buffer- true; 
Response.AppendHeader ("Content- Disposition", "attachment; filename- "4 DateTime.Now. 
ToString ("yyyyMMdd") *- " .x1s") ; 

Response.ContentEncoding- System.Text .Encoding.UTF8; 

Response.ContentType- "application/vnd.ms- excel"; 

this.EnableViewState- false; 


这 里 利用 了 Content Type 属性 , 它 默 认 的 属性 为 text/html, 这 时 将 输出 为 超 文 本 , 即 
常见 的 网 页 格式 到 客户 端 ,如 果 改 为 ms-excel 将 输出 excel 格式 ,也 就 是 说 以 电子 表格 的 
格式 输出 到 客户 端 ,这 时 浏览 器 将 提示 下 载 保存 。ContentType 的 属性 还 包括 : image/ 
JPEG ;text/HTML;image/GIF;vnd. ms-excel/msword 。 同 理 , 也 可 以 输出 (导出 ) 图 片 、 
Word 文档 等 。 下 面 的 方法 ,也 都 用 了 这 个 属性 。 

注意 : 此 方法 确实 可 以 导出 Excel, 但 更 改 ContentType 的 属性 依然 导出 Excel, 测 试 
环境 是 WPS Office 2010 个 人 版 ,搜狗 浏览 器 。 

2. 将 GridView 控件 中 的 数据 导出 Excel 


上 述 方法 虽然 实现 了 导出 的 功能 ,但 同时 把 按钮 .分 页 框 等 html 中 的 所 有 输出 信息 
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导 了 进去 。 而 一 般 要 导出 的 是 数据 ,GridView 控件 上 的 数据 。 


System.Web.UI.Control ctl-this.GridViewl; 

//DataGridl 在 窗 体 中 拖 放 的 控件 

HttpContext.Current.Response.AppendHeader ("Content- Disposition", "attachment; filename- 
Excel.xls"); 

HttpContext.Current.Response.Charset- "UTF- 8"; 

HttpContext.Current.Response.ContentEncoding- System. Text .Encoding. Default; 

HttpContext.Current.Response.ContentType- "application/ms- excel"; 

ctl.Page.EnableViewState- false; 

System.IO.StringWriter tw- new System.IO.StringWriter (); 

System.Web.UI.HtmlTextWriter hw-new System.Web.UI.HtmlTextWriter (tw); 

ctl.RenderControl (hw); 

HttpContext.Current.Response.Write (tw.ToString()); 

HttpContext.Current.Response.End(); 


如 果 DataGrid 用 了 分 页 ,导出 的 是 当前 页 的 信息 ,也 就 是 DataGrid 中 显示 的 信息 ， 
而 不 是 select 语句 的 全 部 信息 。 

注意 : 此 法 总 是 报错 ,提示 gridview 应 该 包含 在 runat 标记 内 。 

3. 将 DataSet 中 的 数据 导出 Excel 

有 了 上 边 的 思路 ,就 是 将 在 导出 的 信息 ,输出 (Response) 客 户 端 ,这 样 就 可 以 导出 
了 。 那 么 把 DataSet 中 的 数据 导出 ,也 就 是 把 DataSet 中 的 表 中 的 各 行 信息 ,以 ms-excel 
的 格式 Response 到 http 流 。 说 明 : 参数 ds 应 为 填充 有 数据 表 的 DataSet, 文 件 名 是 全 
名 ,包括 后 级 名 ,如 Excel2006, xls. 


public void CreateExcel (DataSet ds, string FileName) 
1 
HttpResponse resp; 
resp- Page.Response; 
resp.ContentEncoding- System.Text .Encoding.GetEncoding ("GB2312") ; 
resp.AppendHeader ("Content- Disposition", "attachment;filename- "4 FileName* ".xls"); 
string colHeaders-"", ls item-""; 
// 定 义 表 对 象 与 行 对 象 ,同时 用 Dataset 对 其 值 进行 初始 化 
DataTable dt-ds.Tables[0]; 
DataRow[] myRow-dt.Select(); ”// 可 以 类 似 dt.select ("id» 10") 的 形式 达到 数据 筛选 目的 
int i-0; 
int cl-dt.Columns.Count; 
// 取 得 数据 表 各 列 标题 ,各 标题 之 间 以 上 分 割 , 最 后 一 个 列 标题 后 加 回 车 符 
for(i-0; i«cl; i++) 
t 
if(i-- (cl-1)) // 最 后 一 列 , 加 m 
t 
colHeaderst-dt.Columns[i].Caption.ToString ()* "An"; 
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else 


t 


colHeaders*-dt.Columns[i].Caption.ToString ()* "Vt"; 


} 
} 


resp.Write (colHeaders); 
// 向 HTTP 输 出 流 中 写 人 取得 的 数据 信息 
// 逐 行 处 理 数据 

foreach (DataRow row in myRow) 


t 


) 


// 当 前 行 数据 写 人 HTTP 输 出 流 ,并 且 置 空 1s_item 以 便 下 行 数据 
for(i=0; i<cl; i++) 
{ 
if (i== (cl-1)) // 最 后 一 列 ,加 nn 
{ 
ls itemt=row[i] .Tostring()+"\n"; 


ls itemt=row[i].ToString()+"\t"; 
} 
} 
resp.Write(ls item); 


ls item-""; 


resp.End() ; 


7.2.4 将 GridVirew 中 数据 生成 固定 格式 Excel 报表 


将 GridView 表格 数据 导出 到 固定 格式 的 Excel 文件 ,首先 创建 一 个 Excel 格式 表 
格 ,然后 编写 代码 将 数据 导出 到 固定 格式 的 Excel 表格 中 ,这 里 的 重点 是 如 何 确定 固定 表 
格 中 单元 格 进行 读 取 , 写 人 数据 。 


【示例 7.3】 


有 一 个 顶岗 实习 指导 记录 表 , 请 根据 数据 库 查询 出 来 的 Gridview 数 


据 , 如 图 7.11 所 示 , 生 成 数据 导入 固定 格式 的 报表 ,如 图 7. 12 所 示 。 
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a ACE BASEIA PER p EXTA GHENCKEHR. 101110200. ES mu edd p 
pez. Mat nu mu Er nu E mu E ma ma E 


图 7.11 需要 导出 的 数据 信息 


健雄 职业 技术 学 院 教师 指导 记录 表 ) 
FENI Lez 1 Is x 
Er 
ET 
指导 方式 指导 方式 (工具) 


图 7.12 需要 将 数据 导出 到 Excel 报表 格式 


关键 代码 : 


using Microsoft.Office.Interop.Excel; 
public partial class Teacher PracticeInformation PrintGuidingRecord : System.Web.UI.Page 
t 
#region 创建 对 象 
RightTeacherSvc teachersvc- new RightTeacherSvc () 7 
ModuleIntershipsSituationSvc intersvc- new ModuleIntershipsSituationSvc(); 
ModuleGuidingRecordSvc guidingsvc- new ModuleGuidingRecordSvc (); 
ModuleGuidingRecordEntity guentity- new ModuleGuidingRecordEntity () ; 
fendregion 
protected void Page Load(object sender, EventArgs e) 
{ 
if(!Page.IsPostBack) 
t 
int ID-Convert.'TbInt 32 (Request .QueryString["strNO"] .TbString () -Trim ()) ; 
guentity.PModuleGuidingID- ID; 
TextBoxl.Text- guidingsvc.GetListByEntity (guentity) [0] . 
PModuleGuidingDepartmentName; 
TextBox2.Text- guidingsvc.GetListByEntity (guentity) [0]. 
PModuleGuidingProfessionalName; 
TextBox3.Text- guidingsvc.GetListByEntity (guentity) [0] . 
PModuleGuidingClassName; 
TextBox4.Text- guidingsvc.GetListByEntity (guentity) [0] . 
PModuleGuidingEnterpriseName; 
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TextBox5.Text- guidingsvc.GetListByEntity (guentity) [0] . 
PModuleGuidingWayContent; 

TextBox6.Text- guidingsvc.GetListByEntity (guentity) [0] . 
PModuleGuidingStudentName; 
TextBox7.Text-guidingsvc.GetListByEntity (guentity) [0] . 
PModuleGuidingWay; 

TextBox8.Text- guidingsvc.GetListByEntity (guentity) [0] . 
PModuleGuidingContent; 


) 
protected void Buttonl Click(object sender, EventArgs e) 
t 
ApplicationClass xls- new ApplicationClass(); 
Workbook mybook- null; 
Worksheet mysheet- null; 
object omissing-System.Reflection.Missing.Value; 
// 打 开 指定 好 的 Excel THEM 
xls.Workbooks. Open (Server.MapPath ("../../Bin")+"\\"+" 教 师 指 导 记 录 表 .xls"， 
omissing, omissing, omissing, omissing, omissing, omissing, omissing, omissing, 
omissing, omissing, omissing, omissing); 
//12 个 omissing 
mybook- x1ls.Workbooks [1]; 
xls.Visible-true; 


mysheet- (Worksheet)mybook.ActiveSheet; 


H 

mysheet.Cells[3, 3]-Session["TeacherName"].ToString(); 
m 

mysheet.Cells[3, 5]- TextBox2.Text; 
Hu 

mysheet.Cells[3, 9]- TextBoxl.Text; 
"n 

mysheet.Cells[4, 3]- TextBox6.Text; 
H 

mysheet.Cells[5, 3]- TextBox4.Text; 
// 

mysheet.Cells[6, 3]=TextBox7.Text; 
// 

mysheet.Cells[6, 6]=TextBox5.Text; 
H 

mysheet.Cells[12, 2]- TextBox8.Text; 
i 

mysheet.Cells[6, 3]- TextBox7.Text; 
// 指 导 教师 签字 


mysheet.Cells[31, 7]- Session["TeacherName"].ToString(); 
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// 添 加 日 期 
mysheet.Cells [32, 2] = DateTime. Now. Year +" 年 "+ DateTime. Now. Month +" H "+ 
DateTime.Now.Day*"H "; 
1 
mysheet.Cells[33, 4]- TextBox6.Text; 
// 添 加 日 期 
mysheet.Cells [34, 2] = DateTime. Now. Year +" 年 "+ DateTime. Now. Month +" H "+ 
DateTime.Now.Day*"H "; 
// 
mysheet.Cells[33, 8]=TextBox4.Text; 
// 添 加 日 期 
mysheet.Cells [34, 6] = DateTime. Now. Year +" 年 "+ DateTime. Now. Month+" 月 "+ 
DateTime.Now.Day* "H "; 
) 
protected void Button2 Click(object sender, EventArgs e) 
t 
Response.Redirect ("GuidingRecordOut .aspx") ; 


7.3 X» B M| £ 


通过 对 以 上 内 容 的 学 习 , 对 于 ASP. NET 操作 Excel 进行 数据 导入 导出 和 报表 的 主 
要 方法 有 了 一 定 的 熟悉 和 掌握 , 接 下 来 要 完成 课 内 训练 项 目 , 实 现 如 图 7.1 一 图 7.6 所 示 
效果 。 

项 目 任 务 1: 将 学 生 信息 按照 班级 整体 导入 。 

【步骤 1】 根据 提供 的 素材 ,在 界面 添加 “成 批 导 入 按钮 ”, 添 加 Gridview2 ,需要 说 明 
的 是 GridView2 用 来 读 取 excel 文件 数据 ,然后 将 Gridview2 数据 填 入 数据 库 , 在 通过 
excel 读 取 数据 库 数据 显示 ,表示 导入 成 功 。 

备注 : 素材 中 需要 导入 的 文件 为 “sysstu. xls”. 

【步骤 2] 编写 “成 批 导 入 ”按钮 的 关键 代码 。 


using System.Data.OleDb; 
using System.Data.SqlClient; 
protected void Button4 Click (object sender, EventArgs e) 
t 
try 
{ 
if(FileUploadl.PostedFile.FileName-- "") 
t 
Response.Write ("< script>alert(" 请 您 选择 Excel 文件 ') 


</script>"); 
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else 


string strconn- "Provider- Microsoft.Jet.OLEDB.4.0;Data Source- "4 
FileUploadl.PostedFile.FileName.ToString ()* ";Extended Properties 
Excel 8.0;"; 

OleDbConnection mycn- new OleDbConnection (strconn); 

mycn.Open() ; 

DataSet grid- new DataSet () ; 

OleDbDataAdapter da- new OleDbDataAdapter ("select * from [sheetl 

$1", mycn); 

da.Fill(grid, "ExcelInfo"); 

GridView2.DataSource- grid.Tables ["ExcelInfo"].DefaultView; 

// 添 加 一 个 Gridview2, 作 为 数据 缓冲 , 往 数 据 库 添加 数据 ,不 可 见 。visible 定 义 为 false 

GridView2.DataBind(); 

mycn.Close(); 

mycn.Dispose(); 

Student student- new Student () 7 

StudentManager studentManager- new StudentManager () ; 

foreach (GridViewRow rowview in GridView2.Rows) 

1 

// 在 这 里 说 明 是 该 源 程序 使 用 的 是 面向 对 象 的 方法 , 故 在 此 引用 对 象 , 对 象 所 属 类 在 此 直接 引用 

// 即 可 。 
student .StuNO= rowview.Cells[0].Text; 
student.StuName- rowview.Cells[1].Text; 
student.StuGender- rowview.Cells[2].Text; 
student.BirthDate- rowview.Cells[3].Text; 
student.Profession- rowview.Cells[4].Text; 
student.Classl- rowview.Cells[5].Text; 
student .Department= rowview.Cells[6].Text; 
student.Instructor- rowview.Cells[7].Text; 
student.CountrySid- rowview.Cells[8].Text; 
student.Address- rowview.Cells[9].Text; 
student.ZipCode- rowview.Cells[10].Text; 
student.FamilyTel- rowview.Cells[11].Text; 
student.PassWord- rowview.Cells[12].Text; 
studentManager .addStudent (student) ; 

} 

refresh (); 

Response.Write ("< script>alert (' 导 人 成 功 !');< /script» "); 


4 
catch (Exception ex) 
i 
Response.Write ("< script>alert (' 导 人 失败 ,导入 的 数据 必须 是 Excel 格式 ! 


) 
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*):«/script»") 2 
} 
finally 
{ 


项 目 任务 2: 将 查询 到 的 学 生 信息 另存 为 自动 格式 的 Excel。 
打开 素材 站 程序 “studentSYS- 课 内 主 项 目 ”, 编 写 导出 按钮 的 关键 代码 : 


protected void Button2 Click(object sender, EventArgs e) 


1 


) 


Microsoft. Office. Interop. Excel. Application excel = new Microsoft. Office. 
Interop.Excel.Application(); 
if(this.GridViewl.Rows.Count- - 0) 
t 
Response.Write ("< script» alert (' 没 有 查找 到 数据 ,无 法 导出 !')"); 
} 
else 
{ 
this.GridViewl.AllowPaging- false; 
// 将 有 分 页 的 Gridview 中 的 数据 全 部 导出 到 Excel 
export ("application/ms-excel", "导出 表 .xls"); 
// 换 成 export ("application/ms- word", "工作 人 员 .doc") ; 那么 导出 的 
// 就 是 Word 格 式 的 了 


this.GridViewl.AllowPaging- true; 


public void export (string FileType, string FileName) 


{ 


string style- 0 "< style» .text (mso- number- format:8 )« /script> "7 
// 导 入 到 Excel 时 ,保存 表 里 数 字 列 中 前 面 存在 的 0 

//PrepareGridViewForExport (Control gv) // 将 模板 列 显示 出 来 

Response.Clear(); 

Response .Charset- "GB2312"; 

Response .ContentEncoding- Encoding .UTF7 ; 

Response.AppendHeader ("Content - Disposition", "attachment; filename =" + 
HttpUtility.UrlEncode (FileName, Encoding.UTF8) .ToString()); 

Response.ContentType- FileType; 

this.EnableViewState- false; 

this.GridViewl.AllowPaging- false; 

System.Globalization.CultureInfo myCItrad-new System. 

Globalization.CultureInfo ("ZH- CN", true); 
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StringWriter sw-new StringWriter(); 
HtmlTextWriter htw-new HtmlTextWriter (sw); 
this.GridViewl.RenderControl (htw); 
Response.Write (style); 
Response.Write (sw.ToString()); 
/ /Response Write (dt .ToString()); 
Response.End(); 

H 


项 目 任 务 3: 实现 打印 每 个 学 生成 长 记录 信息 汇总 表 ( 固 定格 式 的 Excel 表格 ) 。 
【步骤 1) 制作 固定 格式 Excel 报表 模板 ,如 图 7.13 所 示 o 
学 生成 绩 获 奖 汇总 表 


tt 


7.13. 报表 模板 


【步骤 2】 打开 素材 程序 系统 “studentSYS- 课 内 主 项 目 ”, 附 加 好 数据 库 “stuDB” 数 
据 库 。 
【步骤 3] 编写 personUL aspx 页 面 中 “打印 报表 ”按钮 的 关键 代码 。 


using Microsoft.Office.Interop.Excel; 

protected void Buttonl Click(object sender, EventArgs e) 

t 
Application xls-new Application (); 
Workbook mybook- null; 
Worksheet mysheeet- null; 
object omissing-System.Reflection.Missing.Value; 
xls.Workbooks.Open("G: NW stuall.xls", omissing, omissing, omissing, omissing, 
omissing, omissing, omissing, omissing, omissing, 
omissing, omissing, omissing); /[Server.MapPath (". . /bin") 4 "\\"+ 
mybook- x1s.Workbooks [1]; //c:\\ 李 曼 \ 张 圣诞 \\stu.xls 
xls.Visible- true; 
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mysheeet- (Worksheet)mybook.ActiveSheet; 
/// 将 学 生 基 本 信息 按照 表格 格式 填写 /// 
mysheeet.Cells[2, 2]-GridViewl.Rows[0].Cells[0].Text; 
mysheeet.Cells[2, 4]-GridViewl.Rows[0].Cells[1].Text; 
mysheeet.Cells[2, 6]-GridViewl.Rows[0].Cells[2].Text; 
mysheeet.Cells[2, 8]-GridViewl.Rows[0].Cells[3].Text; 
mysheeet.Cells[2, 10]-GridViewl.Rows[0].Cells[4].Text; 
mysheeet.Cells[2, 12]-GridViewl.Rows[0].Cells[5].Text; 
mysheeet.Cells[2, 14]-GridViewl.Rows[0].Cells[6].Text; 
mysheeet.Cells[3, 2]-GridViewl.Rows[0].Cells[7].Text; 
mysheeet.Cells[3, 4]-GridViewl.Rows[0].Cells[8].Text; 
mysheeet.Cells[3, 10]-GridViewl.Rows[0].Cells[9].Text; 
mysheeet.Cells[3, 12]-GridViewl.Rows[0].Cells[10].Text; 
/// 学 生成 绩 的 填写 /// 
foreach (GridViewRow row in GridView2.Rows) 
1 
int i- row.RowIndex; 
if (row.RowIndex « 7) 
t 
mysheeet .Cells[i+5, 2]-GridView2.Rows[i].Cells[0].Text; 
mysheeet .Cells[i+5, 3]-GridView2.Rows[i].Cells[1].Text; 
mysheeet .Cells[i+5, 4]-GridView2.Rows[i].Cells[2].Text; 
} 
if (row.RowIndex >=7) 
t 
mysheeet.Cells[it5- 7, 5]-GridView2.Rows[i].Cells[0].Text; 
mysheeet.Cells[it5- 7, 6]-GridView2.Rows[i].Cells[1].Text; 
mysheeet.Cells[it5-7, 7]-GridView2.Rows[i].Cells[2].Text; 
) 
if (row.RowIndex »- 14) 
Ld 
mysheeet.Cells [it 5-14, 8]-GridView2.Rows[i].Cells[0].Text; 
mysheeet .Cells[i* 5-14, 9]-GridView2.Rows[i].Cells[1].Text; 
mysheeet.Cells[i* 5-14, 10]-GridView?.Rows|[i].Cells[2].Text ; 
) 
if (row.RowIndex »— 21) 
{ 
mysheeet.Cells[it5-21, 11]=GridView2.Rows[i] .Cells[0] .Text; 
mysheeet .Cells[i+5-21, 12]-GridView?2.Rows[i].Cells[1].Text; 
mysheeet.Cells[it5-21, 13]-GridView2.Rows[i].Cells[2].Text; 


) 
/// 学 生 荣誉 整体 写 和 人 /// 

foreach (GridViewRow row in GridView3.Rows) 
{ 


int i=row.RowIndex; 
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int k-it13; 

if (row.RowIndex < 6) 

t 
mysheeet.Cells[k, 2]-GridView3.Rows [i].Cells[0].Text; 
mysheeet.Cells[k, 3]-GridView3.Rows[i].Cells[1].Text; 
mysheeet.Cells[k, 4]- GridView3.Rows[i].Cells[2].Text; 
mysheeet.Cells[k, 5]-GridView3.Rows[i].Cells[3].Text; 

) 

if (row.RowIndex »- 6) 

t 
mysheeet.Cells[k- 6, 6]- GridView3.Rows [i].Cells[0].Text; 
mysheeet.Cells[k- 6, 7]- GridView3.Rows[i].Cells[1].Text; 
mysheeet.Cells[k- 6, 8]- GridView3.Rows[i].Cells[2].Text; 
mysheeet.Cells[k- 6, 9]- GridView3.Rows [i].Cells[3].Text; 

} 

if (row.RowIndex >=12) 

t 
mysheeet.Cells[k- 12, 10]- GridView3.Rows[i].Cells[0].Text; 
mysheeet.Cells[k- 12, 11]- GridView3.Rows[i].Cells[1].Text; 
mysheeet.Cells[k- 12, 12]- GridView3.Rows[i].Cells[2].Text; 
mysheeet.Cells[k- 12, 13]- GridView3.Rows[i].Cells[3].Text; 


7.4 平行 项 目 训 练 


1. 训练 内 容 


在 TeamManager 系统 中 ,后 台数 据 库 “TeamDB” 中 有 考核 记录 表 “ItemScoreSet”, 现 
在 需要 通过 界面 “TeamInputl. aspx” 进 行 数据 整体 导入 , 待 导 入 的 excel 表格 的 格式 与 数 
据 库 表 格 一 致 。 请 编写 代码 实现 Excel 数据 的 成 批 导 入 。 

同样 在 该 项 目 , 打 开源 程序 ,在 界面 “TeamSeek. aspx” 中 实现 数据 导出 功能 。 

程序 相关 效果 如 图 7. 14 一 图 7. 16 所 示 。 


图 7.14 数据 库 表 格 
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考核 分 类 Column0 Columnl lumn2 
项 目 类 型 
xS abc abc abc 
满分 一 一 一 一 abc abc abc 
个 人 得 分 abc abc abc 
O a 
成 绩 abc abc abc 
加 分 项 
确定 | 取消 | 导入 数据 Æe E Ens 


图 7.15 导入 数据 的 界面 效果 (具体 见 源 程序 素材 ) 


[FE 可 Jieares 可 f DE 二 mss 查询 | 导出 报表 


考核 项 目 考核 类 型 达标 分 数 总 分 得 分 等 级 是 否 加 分 rex 
HRE BRNE BARGE HIRIE HENE 


PRIE HRE 数据 由 定 HRE BRE 
HRE PRIE HRUE HIRIE 数据 绑 定 
HRE HRE PRUE HIRIE HRE 
PRIE HRE BARGE PARE BRIE 


图 7.16 需要 导出 数据 的 查询 界面 


2. 训练 目的 

进一步 训练 并 巩固 学 生 对 Excel 数据 导入 导出 设计 与 编码 能 力 。 

3. 训练 过 程 

【步骤 1】 打 开 素 材 源 程序 ,在 “TeamInputl. aspx” 界 面 编 写 “ 导 入 按钮 ”。 


using System.Data.OleDb; 
using System.Data.SqlClient; 
ItemScoreSet sst- new ItemScoreSet (); 
List« ItemScoreSet» isss- new List« ItemScoreSet» (); 
protected void Button3 Click (object sender, EventArgs e) 
t 
try 
t 
if(FileUploadl.PostedFile.FileName- 
t 
Response Write ("« script» alert ("请 您 选择 Excl 文件 ')</script>"); 
) 
else 
t 
string strconn-" Provider = Microsoft. Jet. OLEDB. 4. 0; Data Source=" + 


FileUploadl.PostedFile. FileName. ToString () +"; Extended Properties = 
Excel 8.0;"; 
OleDbConnection mycn- new OleDbConnection (strconn); 
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mycn.Open() ; 

DataSet grid- new DataSet () ; 

OleDbDataAdapter da-new OleDbDataAdapter("select * from 

[sheet1$ ]", mycn); 

da.Fill(grid, "ExcelInfo"); 

GridView2.DataSource- grid.Tables ["ExcelInfo"].DefaultView; 

// 添 加 一 个 Gridview2, 作 为 数据 缓冲 , 往 数 据 库 添加 数据 ,不 可 见 。visible 定 义 为 false 

GridView2.DataBind(); 

mycn.Close (); 

mycn.Dispose(); 

Student student- new Student () ; 

StudentManager studentManager- new StudentManager () ; 
foreach (GridViewRow rowview in GridView2.Rows) 

t 

// 在 这 里 说 明 是 该 源 程序 使 用 的 是 面向 对 象 的 方法 , 故 在 此 引用 对 象 ,对 象 所 属 类 在 此 直接 引用 
// 即 可 ,相关 方法 和 集合 已 经 定义 好 。 
sst.TeamItems- rowview.Cells[0].Text; 
Sst.ItemType- rowview.Cells[1].Text; 
sst.StandardScore- int.Parse (rowview.Cells[2].Text); 
sst.FullMarks- int.Parse (rowview.Cells[3].Text); 
sst.SingleScore- int.Parse (rowview.Cells[4].Text); 
sst.Grade- rowview.Cells[5].Text; 
sst.IsAddScore- int.Parse (rowview.Cells[6].Text); 
isss.addItemScoreSet (student); 
} 
refresh(); 


Response.Write ("< script» alert (' 导 人 成 功 !');< /script» "); 


} 

catch (Exception ex) 

t 
Response.Write ("< script>alert(' 导 人 失败 ,导入 的 数据 必须 是 Excel 格式 ! 
1);«/script»"); 

) 

finally 

t 


} 


【步骤 2】 打开 素材 源 程序 ,在 “TeamScore. aspx” 界 面 编写 导出 报表 ”。 
方法 1: 


protected void btnOutPut Click(object sender, EventArgs e) 
t 


方法 2 
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// 导 出 数据 的 方法 有 10 种 左右 。 针 对 Excel。 

//System.Web.UI.Control 

Control ctl-GridViewl; 

HttpContext.Current. Response. AppendHeader ( " Content - Disposition", 
attachment; filename- excell.xls"); // 默 认 名 称 
HttpContext.Current.Response.Charset- "UTF- 8"; 
HttpContext.Current.Response.ContentType- "application/ms- excel"; 


// 定 义 导 出 的 类 型 
HttpContext.Current.Response.ContentEncoding- System ENRE Default; 
ct1.Page.EnableViewState- false; 
StringWriter tw-new StringWriter(); // 定 义 写 对 象 
HtmlTextWriter hw= new HtmlTextWriter (tw); // 定 义 要 输出 的 页 对 象 


ct1.RenderControl (hw) ; 
HttpContext.Current.Response.Write(tw.ToString()); // 写 出 内 容 
HttpContext.Current.Response.End|() ; // 结 束 


// 网 络 咨询 ,谷歌 .百度 等 。 论坛- 可 以 实现 你 开发 游戏 。 


///« summary> 
/// 定 义 一 个 导出 报表 的 方法 (函数 )。 
///« /summary» 
///« param name- "dgv"> < /param» 
///«param name- "tittle">< /param» 
public void Export DGV (GridView dgv) 
t 
if(dgv--null || dgv.Rows.Count«1 || dgv.Columns.Count« 1) 
1 
Response.Write ("< script» alert (' 没 有 数据 !1');< /script» "); 
return; 
) 
int colscount- dgv.Columns .Count; 
Application objExcel- new Application (); 
Workbook objWorkbook- null; 
Worksheet objsheet- null; 


//try 
At 
// 申 明 对 象 
if (objExcel--null) 
F 
Response.Write ("< script>alert(" 无 法 创建 Excel 对 象 ,可 能 您 的 机 器 未 
安装 Excel');«/script»"); 


return; 
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} 
objWorkbook- objExcel.Workbooks.Add (true) ; 
objsheet- (Worksheet) objWorkbook.ActiveSheet; 
// 当 前 工作 表 为 活动 状态 ,默认 打开 。 
// 设 置 Excel 不 可 见 
objExcel.Visible-true; 


for (int i-1; i «—-dgv.Columns.Count;i* *) 
t 
objExcel.Cells[1,i]-dgv.Columns [i- 1] . HeaderText .Trim(); 


// 向 Excel 中 逐 行 逐 列 写 人 表格 中 的 数据 
for (int row-1; row «-dgv.Rows.Count; row++ ) 
t 


for (int col-1; col «- colscount; col+ +) 


t 
objExcel.Cells[rowt1l, col]- dgv.Rows [row- 1].Cells [col 
-1].Text.ToString().Trim(); 


} 
protected void Buttonl Clickl(object sender, EventArgs e) 


t 
Export DGV (GridViewl); 
} 


7.5 总 结 


本 章 介绍 了 ASP.NET 对 Excel 表格 的 处 理 技术 ,重点 讲述 和 训练 了 Excel 数据 导 
A SQI Servevr 数据 库 .将 数据 库 数据 导出 到 Excel、 生 成 固定 格式 的 Excel 报表 等 方法 ， 
尤其 是 Excel 数据 导入 与 导出 使 用 了 GridView 控件 作为 载体 , 既 体 现 了 数据 操作 的 可 见 
性 ,更 提高 了 操作 可 理解 性 ,提高 了 数据 维护 的 效率 。 


7.6 -3A 题 
1. 编写 将 工作 表 Sheetl 的 内 容 读 取 到 DataSet 的 关键 代码 。 


2. 写 出 将 GridView 数据 直接 生成 Excel 文件 的 关键 代码 。 
3. 使 用 Excel 报表 和 数据 导入 导出 有 什么 好 处 ? 


$585 系统 优化 与 测试 


本 章 要 点 : 

。 系统 的 优化 

。 系统 的 测试 

技能 目标 : 

。 会 进行 系统 优化 

。 会 利用 VS 自 带 单元 测试 进行 测试 


8.1 A BESA 


【项 目 场景 】 


某 公 司 要 开发 一 个 员工 查询 系统 ,根据 员工 部 门 名 称 , 查 询 员工 详细 信息 ,请 你 为 该 
公司 开发 一 个 系统 ,实现 信息 查询 功能 ,用 存储 


、 查询 系统 
过 程 实现 ,界面 如 图 8. 1 所 示 。 请 输入 部 门 名 称 亚 务 部 
] 姓名 性 别 | 部 门 工资 
【问题 引导 】 张 三 | 男 | 业务 部 (5000 
ES dt 业务 部 |4000| 
au 进行 优 
CD 系统 如 何 进行 优化 。 图 8.1 查询 系统 
(2) 系统 如 何 进行 测试 。 


8.2 技术 与 知识 准备 


8.2.1 使 用 vs. net 平台 优化 调试 系统 


一 个 系统 建 好 并 准备 发 布 前 ,经 过 优化 ,系统 运行 速度 会 有 很 大 提高 ,在 访问 人 数 较 
多 时 不 至 于 出 现 服务 器 压力 过 大 的 情况 。 

1. 程序 代码 优化 

CD 对 连接 字符 串 的 优化 。 

String 类 对 象 是 不 可 改变 的 ,对 于 String 对 象 的 重新 赋值 在 本 质 上 是 重新 创建 了 一 
个 String 对 象 并 将 新 值 赋予 该 对 象 ,其 方法 ToString 对 性 能 的 提高 并 非 很 显著 。 在 处 理 
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字符 串 时 ,最 好 使 用 StringBuilder 类 ,其 . NET 命名 空间 是 System. Text。 该 类 并 非 创建 
新 的 对 象 , 而 是 通过 Append, Remove, Insert 等 方法 直接 对 字符 串 进 行 操 作 , 通 过 
ToString 方法 返回 操作 结果 。 

例如 : 


Using System.Text; 

StringBuilder str=new StringBuilder (); 

str.Append ("太仓 "); 

str.Append ("欢迎 你 "); 

Response.Write (str.ToString); // 显 示 操 作 结果 

(2) 当 保存 多 个 信息 时 ,尽量 用 对 象 。 

例如 , 当 要 将 用 户 名 、 用 户 密 码 、 用 户 类 别 保存 时 ,尽量 不 要 用 三 个 Session 来 保存 ， 
而 是 定义 一 个 类 ,包含 用 户 名 ,密码 和 类 别 三 个 属性 ,实例 化 为 对 象 , 分 别 将 用 户 输入 的 用 
户 名 、 密 码 和 类 别 赋值 给 该 对 象 的 三 个 属性 ,然后 将 该 对 象 赋值 给 Session, 代 码 如 下 : 


tbUse us= new tbUse () ; 

us.Name- txtName.Text; 

us.Pwd-txtPwd.Text; 

us.Type- txtType.Text; 

Session ["User"]-us; 

(3) 使 用 IsPostBack. 

网 页 要 避免 不 必要 的 服务 器 往返 过 程 , 添 加 IsPostBack 可 以 判断 是 否 让 有 关 代 码 只 
在 第 一 次 加 载 时 运行 ,这 在 一 定 程 度 上 可 以 提高 页 面 运 行 性 能 。 

(4) 使 用 Ajax。 

AJAX Hli“ Asynchronous Javascript And XML”( 异 步 JavaScript 和 XML) ,是 指 一 种 
创建 交互 式 网 页 应 用 的 网 页 开发 技术 。 通 过 在 后 台 与 服务 器 进行 少量 数据 交换 ,AJAX 
可 以 使 网 页 实现 异步 更 新 。 这 意味 着 可 以 在 不 重新 加 载 整个 网 页 的 情况 下 ,对 网 页 的 某 
部 分 进行 更 新 。 

2. 数据 操作 优化 

D 缓存 技术 。 

缓存 功能 是 大 型 网 站 设计 一 个 很 重要 的 部 分 。 由 数据 库 驱 动 的 Web 应 用 程序 ,如 果 
需要 改善 其 性 能 ,最 好 的 方法 是 使 用 缓存 功能 。 可 能 的 情况 下 尽量 使 用 缓存 ,从 内 存 中 返 
回 数据 的 速度 始终 比 去 数据 库 查 的 速度 快 ,因而 可 以 大 大 提供 应 用 程序 的 性 能 。 毕 竞 现 
在 内 存 非常 便宜 ,用 空间 换取 时 间 效 率 应 该 是 非常 划算 的 。 尤 其 是 对 耗 时 比较 长 的 、 需 要 
建立 网 络 链接 的 数据 库 查询 操作 等 。 对 于 Web Application 来 讲 , 需 要 缓存 的 不 仅仅 是 
页 面 ,很 多 时 候 还 需要 定制 一 些 去 缓存 的 内 容 ,这 时 候 就 需要 用 到 HttpRun. Cache 对 象 。 

(2) 多 用 存储 过 程 。 

在 ASP. Net 项 目 中 使 用 存储 过 程 ,首先 可 以 提高 数据 库 的 安全 性 ,其 次 可 以 提高 运 
行 SQL 代码 运行 的 速度 ,在 大 型 项 目 中 一 般 是 必 不 可 少 的 。 
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(3) 数据 库 访问 优化 。 

数据 库 访问 性 能 优化 是 一 项 重要 的 工作 ,其 中 比较 重要 的 是 数据 库 的 连接 和 关闭 。 
在 建立 数据 库 连接 后 ,只 有 在 真正 需要 操作 时 才 打 开 连 接 , 使 用 完毕 后 马上 关闭 ,从 而 缩 
短 数据 库 连 接 打开 的 时 间 ,避免 出 现 超出 连接 限制 的 情况 。 

3. 配置 优化 

(1) 多 服务 器 部 署 ,服务 器 的 功能 尽量 单一 ,将 IO 操作 尽量 分 布 在 不 同 的 服务 器 上 。 例 
如 ,可 以 将 大 部 分 的 js 和 css 内容 部 署 到 一 个 静态 服务 器 上 ,以 减少 主 服务 器 的 L/O 操作 。 

(2) 禁用 调试 模式 。 在 部 署 生产 应 用 程序 或 进行 任何 性 能 测量 之 前 ,始终 记 住 禁用 
调试 模式 。 如 果 启 用 了 调试 模式 ,应 用 程序 的 性 能 可 能 受到 非常 大 的 影响 。 


8.2.2 单元 测试 


单元 测试 对 于 一 个 软件 或 一 个 网 站 来 说 是 至 关 重 要 的 ,对 于 软件 的 工作 周期 或 是 后 
期 的 扩展 都 是 有 很 大 影响 的 。 
【实例 8.1】 有 一 个 网 站 MyAddWeb, 实 现 两 数 相 加 ,代码 如 下 所 示 : 


using System; 
using System.Collections.Generic; 
using System.Linqg; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using ch08AddDAL; 
public partial class AddAB : System.Web.UI.Page 
{ protected void Buttonl Click(object sender, EventArgs e) 
t 
int num- new Classl (). Add (Convert. ToInt32 (TextBoxl. Text), Convert. ToInt32 
(TextBox2.Text)); 
TextBox3.Text- num .ToString(); 
) 
) 
using System; 
using System.Collections.Generic; 
using System.Ling; 
using System.Text; 
using System.Threading.Tasks; 
namespace chO8AddDAL 
t 
public class Classi 
t 
public int Add(int a, int b) 
t return atb; 


H 


143 


144 ASP.NET 动 态 Web 开发 技术 项 目 化 教程 


【步骤 11 依次 选择 “工具 ”一 “ 自 定义 ”选项 ,弹出 图 8. 2 所 示 的 对 话 框 。 


E] Microsoft Office Excel 
E Microsoft Office Word 


图 8.2 【 自 定 义 ] 对 话 框 


ER 2] 选择 “命令 "选项 卡 , 在 上 下 文 菜单 中 选择 “编辑 器 上 下 文 菜单 | 代码 窗口 ”， 
将 “创建 单元 测试 ”通过 “下 移 ” 按 钮 移 到 “运行 测试 "菜单 下 面 ,如 图 8. 3 和 图 8.4 所 示 。 


8.3 【命令 ] 选 项 卡 
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图 8.4 添加 “创建 单元 测试 ” 


【步骤 3) 重启 后 再 对 着 类 名 , 单 击 右键 ,发 现 上 下 文 菜单 中 已 经 出 现 了 ”创建 单元 测 
试 "按钮 ,但 它 是 灰色 的 ,并 不 能 使 用 ,如 图 8. 5 所 示 。 


EOR) 
组 织 using(O) 
à iH) 
生成 序列 图 (N)… 
GT) 
i tI. 
WRERRL(D) 


MARBRE.. 
外 全 代码 (S)… 
转 到 定义 (G) 


8.5 创建 单元 测试 


【步骤 4] 右 击 解决 方案 , 单 击 “ 添 加 ”一 “新 建 项 目 ”, 弹 出 图 8. 6 所 示 的 对 话 框 , 左 边 
选择 “测试 ”, 右 边 选择 “单元 测试 项 目 ”. 输 入 名 称 . 单 击 确定 。 新 建 的 项 目 如 图 8.7 所 示 。 

【步骤 5] 右 击 单元 测试 项 目 , 依 次 选择 “添加 ”一 “单元 测试 ”, 如 图 8. 8 所 示 。 

【步骤 6】 对 着 类 名 , 单 击 右 键 ,就 可 以 使 用 “创建 单元 测试 * 了 ,这 时 在 “解决 方案 资源 
管理 器 ”中 可 以 看 到 添加 了 ClasslTest. cs 类 ,代码 如 下 : 


[TestClass )] 
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图 8.6 新 建 单元 测试 项 目 


ood e-e8 >] 
搜索 解决 方 实 资 源 管理 器 (Ctrl+: P- 
[m ] 


b GO MyAddWeb 
b UnitTestProjectl 


图 8.7 解决 方案 资源 管理 器 


8.8 添加 单元 测试 


Public class ClasslTest 
t 


[TestMethod () ] 
public void AddTest () 
{ 
Class1 target-new Classl(); //ToDo: 初始 化 为 适当 的 值 
int a-0; //Topo: 初始 化 为 适当 的 值 
int b-0; //10D0: 初始 化 为 适当 的 值 
int expected-0; //ToDo: 初始 化 为 适当 的 值 


int actual; 
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actual-target.Add(a, b); 
Assert.AreEqual (expected, actual); 
Assert.Inconclusive (" 验 证 此 测试 方法 的 正确 性 ."); 


} 


说 明 : 
1. [TestClass()] 说 明 是 一 个 单元 测试 类 。 
2. [LTestMethod()] 说 明 以 下 是 一 个 测试 用 例 。 


3. int a—0; // TODO: 初始 化 为 适当 的 值 

int b—0; //TODO: 初始 化 为 适当 的 值 
这 两 句 是 被 测 函 数 的 输入 参数 ,需要 修改 它 的 值 ,也 就 是 我 们 输入 测试 用 例 的 地 方 。 
int expected-0; //ToDo: 初始 化 为 适当 的 值 


int actual; 


actual- target.Add (a, b); 


前 一 句 是 定义 了 期 望 值 和 对 它 进行 初始 化 ,后 面 是 定义 了 实际 值 。 
Assert 可 以 理解 成 断言 : 在 VSTS 里 做 单元 测试 是 基于 断言 的 测试 。 


8.3 x B yl ÉR 


通过 对 以 上 内 容 的 学 习 , 了 解 了 系统 优化 的 方法 ,同时 了 解 了 如 何 进行 单元 测试 , 现 
在 我 们 回 到 项 目 导入 的 任务 中 来 。 

【步骤 1] 搭建 系统 架构 ,如 图 8. 9 所 示 。 

【步骤 2] 新 建 数据 库 DBYGCX, 添 加 数据 表 , 如 图 8. 10 所 示 。 


ERI P Username nvarchar(50) 
Sog 0-20 Sex nchar(10) [2] 
Depart nvarchar(50) [:7] 
GongZi int vi 


8.10 tbUserCX 数据 表 


【步骤 31 创建 存储 过 程 ,代码 如 下 : 


create proc [dbo].[SelectParUsers] 
( 
@ name nvarchar (50) 


as 
begin 
select * from dbo.tbUserCX where Depart- 6 name 
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end 
【步骤 4] 配置 web. config, 


< connectionStrings» 
«add name =" DefaultConnection "  providerName =" System. Data. SqlClient " 
connectionString- "Data Source- .;Initial Catalog- DBYGCX; Integrated Security- True" / 
> 


< /connectionStrings» 
【步骤 5] 添加 页 面 YGCX. aspx, 源 视图 代码 如 下 : 


< $@ Page Language- "C£" AutoEventWireup- "true" CodeFile- "YGCX.aspx.cs" Inherits- "YGCX" 
%> 
< !DOCTYPE html> 
«html xmlns= "http: //www.w3.0rg/1999/xhtml"» 
€ head runat- "server"» 
«meta http- equiv- "Content- Type" content- "text/html; charset- utf- 8"/» 
«title»«/title» 
< /head» 
<body> 
< form id= "forml" runat="server"> 
<div> 
<table> 
<tr><td colspan="3" style- "text- align:center"> 查 询 系统 < /td> < /tr> 
<tr><td> 请 输入 部 门 名 称 < /tda><td> 
<asp:TextBox ID= "txtDCX" runat= "server">< /asp:TextBox> 
«/td» «td» 
«asp:Button ID-"btnCX" runat="server" Text- "4E ifj" OnClick- "btnCX - 
Click" /» 
</td></tr> 
<tr><td colspan= "3" style="text-align:center"> 
<asp:GridView ID="GridViewl" runat="server" AutoGenerateColumns= "False"> 
<Columns> 
<asp:BoundField DataField- "UserName" HeaderText- "姓名 " /> 
« asp:BoundField DataField- "Sex" HeaderText- "性 别 " /> 
«asp:BoundField DataField- "Depart" HeaderText- "部 门 " /> 
«asp:BoundField DataField- "GongZi" HeaderText- "工资 " /> 
< /Columns» 
< /asp:GridView» 
</td></tr> 
</table> 
</div> 
</form> 
< /body> 
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</html> 
【步骤 61 后 台 编 写 代 码 如 下 : 


protected void btnCX Click (object sender, EventArgs e) 
t 

string con-System.Configuration.ConfigurationManager. 

ConnectionStrings ["DefaultConnection"].ToString(); 
SqlConnection conn- new SqlConnection (con) ; 
conn.Open () 7 

SqlCommand cmd- new SqlCommand ("SelectParUsers", conn); 

cmd.CommandType- CommandType . StoredProcedure; 
SqlDataAdapter da- new SqlDataAdapter (cmd) ; 
cmd.Parameters.Add("6 name", SqlDbType.NVarChar, 50).Value- txtDCX.Text.Trim 
0; 
DataTable ds-new DataTable () ; 
da.Fill(ds); 
GridViewl.DataSource- ds; 
GridViewl.DataBind(); 
conn.Close(); 


) 
【步骤 71 运行 结果 如 图 8. 1 所 示 。 


8.4 平行 项 目 训 练 


1. 训练 内 容 
实现 用 户 名 有 效 性 验证 ,要 求 用 Ajax 来 实现 。 
2. 训练 目的 


(1) 进一步 训练 和 巩固 学 生 对 Ajax 概念 和 原理 的 理解 ; 

(2) 使 学 生 对 系统 优化 有 一 个 比较 深刻 的 印象 和 掌握 。 

3. 训练 过 程 

【步骤 1] 搭建 系统 框架 并 添加 各 层 之 间 的 依赖 关系 ,如 图 8. 11 所 示 。 

【步骤 2】 新 建 数据 库 dbUserAvail, 并 添加 数据 表 , 如 图 8. 12 所 示 , 配 置 Web 
. Config: " —add name= "DefaultConnection" providerName — "System. Data. SqlClient" 
connectionString — "Data Source=. ; Initial Catalog dbUserAv vail; Integrated Security— 
True” J>": 

CEIR 3】 根 据 数据 表 添 加 相应 类 ,如 图 8. 13 所 示 。 

【步骤 4] 实现 服务 器 端的 程序 。 
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cod o-an ð > 


HEENURTSSEEGSESEESR(CIL«:) P- 
RI 解决 方案 UserNameAvailable' (4 NAE 


b 


b 
b 
b 


imeAvailableBLL 
E UserNameAvailableDAL 
[es] UserNameAvailableModel 


'OEM-20130723TNF.d..vail - dbo.tbUsers 
列 名 数据 类 型 ftir Nul (B 
nvarchar(50) 国 
int 图 
nchar(10) [il 
[vede | uw 


图 8.11 搭建 系统 框架 


图 8. 12 tbUsers 数据 表 


(1) 编写 实体 层 代码 。 


public class tbUser 


í 


private string name; 
public string Name 
t 
get ( return name; } 
set ( name-value; } 
} 
private int age; 
public int Age 
{ 
get { return age; } 
set { age=value; } 
} 
private string sex; 
public string Sex 
t 
get ( return sex; } 
set ( sex-value; } 
) 
private string jiGuan; 
public string JiGuan 
t 
get ( return jiGuan; } 
set ( jiGuan-value; } 


ooi oc-eoOB8 B o 
HOENURISSEEUISESTERR(CI«:) P- 


网 AAE UserNameAvailable' (4 NRE 
b © Registerweb 
4 回 UserNameAvailableBLL 

b M Properties 

b sa 引用 

b © tbUserManagercs 


b £ Properties 
b =a 引用 
b © tbUserService.cs 


图 8.13 添加 类 


第 8 章 


(2) 编写 数据 访问 层 代码 。 


using System; 

using System.Collections.Generic; 
using System.Configuration; 
using System.Data.SqlClient; 
using System.Ling; 

using System.Text; 

using System.Threading.Tasks; 


namespace UserNameAvailableDAL 
t 
public class tbUserService 
t 
public bool GetCountByName (string name) 
{ 
String connString- ConfigurationManager.ConnectionStrings 
["DefaultConnection"].ConnectionString; 
SqlConnection connection- new SqlConnection (connString); 


string sql= string.Format ("select count ( * ) from dbo.tbUsers where Name- ' (0)'", 


name); 

SqlCommand command- new SqlCommand (sql, connection); 
connection.Open(); 

int cout- (int)command.ExecuteScalar () ; 
connection.Close(); 


return cout» 0; 


) 
(3) 编写 业务 逻辑 层 代 码 。 


using System; 

using System.Collections.Generic; 
using System.Linq; 

using System.Text; 

using System.Threading.Tasks; 
using UserNameAvai lableDAL; 


namespace UserNameAvailableBLL 
t 
public class tbUserManager 
{ 
public bool GetCountByName (string name) 
{ 


系统 优化 与 测试 


151 


152 


ASP.NET Zi; Web 开发 技术 项 目 化 教程 


return new tbUserService () .GetCountByName (name) ; 


) 
(4) 右 击 RegisterWeb ,依次 选择 “添加 ”添加 新 项 ,弹出 “添加 新 项 "对话 框 ,选择 


“C#” 和 “一 般 处 理 程序 ”, 在 名 称 框 中 输入 *TNameHandler. ashx”, 如 图 8. 14 所 示 , 单 击 
“添加 "按钮 。 


Bn -E SFERRARE Ci) 


GB sezasxm cris Vewlcr ~ BE Visuel e 
ES RTS€-yeHE Sue T 
Qf RET siverig wcr ss Visual C 


MI) 
a 
Visual Cr 
is 


Visual C 


Visual cy 
Visual cy 


Voualcs ~ 


] Cisterciensi p 


图 8.14 添加 一 般 处 理 程序 
(5) 编写 一 般 处 理 程序 代码 。 


< $8 WebHandler Language- "Cf" Class- "TNameHandler" $> 
using System; 
using System.Web; 
using UserNameAvailableBLL; 
public class TNameHandler : IHttpHandler ( 
public void ProcessRequest (HttpContext context) { 
context.Response.ContentType- "text/plain"; 
string name- context.Request.QueryString["UName"].Trim().ToString(); 
if (new tbUserManager ().GetCountByName (name) ) 
context .Response.Write ("false"); 
else 
context.Response.Write ("true"); l 
public bool IsReusable ( 
get { 
return false; 
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【步骤 5] 实现 Ajax 客户 端 程序 。 
新 建 页 面 Reg. aspx, 编 写 代码 如 下 : 


< 36 Page Language- "C£" AutoEventWireup- "true" CodeFile- "Reg.aspx.cs" Inherits- "Reg" $» 
< !IDOCTYPE html» 


«html xmlns- "http: //www.w3.0rg/1999/xhtml"» 
X head runat="server"> 
«meta http- equiv- "Content- Type" content- "text/html; charset- utf- 8"/» 
«title»«/title» 
<script type- "text/javascript"» 
var xhr; 
function createXMLHttpRequest () ( 
if (window.ActiveXObject) { // 如 果 是 焉 浏览 器 
return new ActiveXObject ("Microsoft .XMLHTTP") ; 
} 
else if (window.XMLHttpRequest) { // 非 焉 浏览 器 
return new XMLHttpRequest () ; 


} 
function UserExit (uno) { 
if(uno !-"")( 

// 请 求 字符 串 
var url- "TNameHandler.ashx? UName- "+ escape (uno) ; 
/1/1. 创建 XMLHttpRequest 组 件 
xhr-createXMLHttpRequest () ; 
//2. 设置 回调 函数 
xhr.onreadystatechange- readyDo; 
//3. 初始 化 XMLHttpRequest 组 件 
xhr.open ("GET", url, true); 
//4. 发 送 请 求 
xhr.send (null); 


H 
function readyDo (){ 
if (xhr.readyState-- 4 
&& xhr.status-- 200) ( 
var result-xhr.responseText; 
if (result-- "true") 
document .getElementById ("mess") .style.display- "none"; 
else 


document .getElementById ("mess") .style.display- "inline"; 
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H 
</script> 
< /head> 
<body> 
< form id= "forml" runat="server"> 
<div> 
<table> 
<tr><td colspan="2" style- "text- align:center"> 注 册页 面 < /td>< /tr> 
<tr><td Hi P! A « /td» «td» 
<asp:TextBox ID- "txtName" runat="server" onblur- "UserExit (this.value)"»« / 
asp:TextBox»« span id- "mess" style- "display:none; color: red"> iX JH P! 44 C, W 
注册 过 ,请 重新 输入 < /span» « /td>< /tr> 
<tr><td> 年 龄 < /td><td> 
<asp:TextBox ID= "txtAge" runat= "server">< /asp:TextBox>< /td>< /tr> 
<tr><td> 性 别 < /td><td> 
<asp:TextBox ID= "txtSex" runat- "server"> < /asp:TextBox>< /td>< /tr> 
<tr><td> 籍 贯 < /ta» « ta» 
<asp:TextBox ID= "txtJG" runat- "server">< /asp:TextBox»« /td>< /tr> 
<tr><td colspan- "2" style- "text- align:center"> 
<asp:Button ID- "Buttonl" runat- "server" Text=" 注 册 " />< /td» « /tr> 
</table> 
</div> 
< /form> 
< /body> 
</htm> 


【步骤 6】 运行 结果 如 图 8. 15 所 示 。 


注册 页 面 
用 户 名 张 三 该 用 户 名 已 被 注册 过 ， 请 重新 输入 
年 的 
性 别 
籍贯 
ELS 


本 章 通 过 简单 项 目 案例 ,介绍 了 如 何 优 化 与 测试 系统 ,介绍 了 系统 优化 的 几 种 方法 及 
用 VS 自 带 单元 测试 进行 系统 测试 。 通 过 项 目 训练 “员工 查询 系统 ”及 平行 项 目 训练 “用 
户 名 有 效 性 验证 ”整体 训练 了 创建 存储 过 程 和 用 Ajax 来 优化 系统 ,提高 系统 整体 性 能 。 
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1l. 简 述 如 何 进行 单元 测试 。 
2. 系统 优化 有 哪 几 种 方法 ? 
3. 修改 平行 项 目 训 练 ,用 存储 过 程 来 验证 用 户 名 有 效 性 ,并 实现 注册 功能 。 
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本 章 要 点 : 

* Web 服务 器 部 署 

。 域名 使 用 

。 发 布 与 浏览 

技能 目标 : 

。 会 部 署 Web 服务 器 
。 会 使 用 域名 

。 会 发 布 与 浏览 网 站 


9.1 项 目 导 入 


【项 目 场 景 


公司 小 刘 自 己 开发 了 一 个 网 站 , 想 要 申请 一 个 域名 ,发 布 浏览 网 站 ,请 你 为 小 刘 申 请 
-个 空间 域名 ,并 发 布 网 站 。 


【问题 引导 了】 


CD 如 何 配置 Web 服务 器 。 
(2) 如 何 使 用 域名 。 
(3) 如 何 发 布 . 浏 览 网 站 。 


9.2 技术 与 知识 准备 


9.2.1 Web 服务 器 部 署 


Web 服务 器 又 称 为 WWW 服务 器 , 它 是 放置 一 般 网 站 的 服务 器 。 一 台 Web 服务 器 
上 可 以 建立 多 个 网 站 ,各 网 站 的 拥有 者 只 需要 把 做 好 的 网 页 和 相关 文件 放置 在 Web 服务 
器 的 网 站 中 ,其 他 用 户 就 可 以 用 浏览 器 访问 网 站 中 的 网 页 了 。 我 们 配置 Web 服务 器 ,就 
是 在 服务 器 上 建立 网 站 ,并 设置 好 相关 的 参数 。 
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9.2.2 域名 使 用 


虽然 可 以 通过 IP 地 址 来 访问 每 一 台 主 机 ,但 是 要 记 住 那么 多 枯燥 的 数字 串 显然 是 非 
常 困难 的 ,为 此 ,Internet 提供 了 域名 (Domain Name)。 域 名 也 由 若干 部 分 组 成 ,各 部 分 
之 间 用 小 数 点 分 开 , 例 如 “苏州 健雄 职业 技术 学 院 ” 主 机 的 域名 是 健雄 的 简 拼 ,就 是 
“wjxvtc. cn", 显然 域名 比 IP 地 址 好 记忆 多 了 。 域 名 前 加 上 传输 协议 信息 及 主机 类 型 信 
息 就 构成 了 网 址 (URL), 例 如 “苏州 健雄 职业 技术 学 院 ”" 的 www 主机 的 URL 就 是 : 
"http://www. wjxvtc. cn ”。 

人 们 习惯 记忆 域名 ,但 机 器 间 互 相 只 认 IP 地 址 ,域名 与 IP 地 址 之 间 是 一 一 对 应 的 ， 
它们 之 间 的 转换 工作 称 为 域名 解析 ,域名 解析 需要 由 专门 的 域名 解析 服务 器 来 完成 ,整个 
过 程 是 自动 进行 的 。 

由 于 Internet 最 初 是 在 美国 发 源 的 ,因此 最 早 的 域名 并 无 国家 标识 ,人 们 按 用 途 把 它 
们 分 为 几 个 大 类 ,它们 分 别 以 不 同 的 后 级 结尾 

. com 用 于 商业 公司 ; 

.org 用 于 组 织 .协会 等 

.net 用 于 网 络 服务 ; 

.edu 用 于 教育 机 构 ; 

.gov 用 于 政府 部 门 ; 

. mil 用 于 军事 领域 。 

BEZ Internet 向 全 世界 的 发 展 ,除了 edu gov mil 一 般 只 在 美国 专用 外 ,另外 三 个 大 
类 com ,org .net 则 成 为 全 世界 通用 ,因此 这 三 大 类 域名 通常 称 为 国际 域名 。 由 于 国际 域 
名 资源 有 限 ,各 个 国家 、 地 区 在 域名 最 后 加 上 了 国家 标识 段 , 由 此 形成 了 各 个 国家 、 地 区 自 
己 的 国内 域名 ,如 : 

. com. en 中 国 的 商业 ; 

„org. hk 香港 的 组 织 ; 

.net. jp 日 本 的 网 络 。 

显然 国际 域名 具有 比 国内 域名 更 高 的 级 别 , 更 有 利于 企业 的 形象 。 注 册 域 名 ,为 企业 
在 Internet 上 建立 信息 宣传 中 心 莫 定 了 基础 。 绝 大 多 数 企 业 在 建立 自己 的 网 页 时 希望 使 
用 企业 的 公司 名 或 商标 名 作为 域名 。 国 际 域名 的 资源 十 分 有 限 , 且 不 受 商标 法 保护 , 谁 先 
注册 , 谁 就 有 权 使 用 。 


9.2.3 发 布 与 浏览 


视 网 站 空间 或 服务 器 环境 .有 多 种 实施 方案 。 如 果 网 站 是 搭建 在 虚拟 空间 的 ,只 需要 
在 自己 的 域名 解析 管理 中 设置 域名 解析 到 空间 IP 即 可 ;如 果 网 站 是 搭建 在 本 地 自己 的 服 
务 器 上 的 ,需要 分 析 本 地 网 络 环境 再 决定 实施 方案 。 

因为 本 地 网 络 环境 可 能 比较 复杂 ,如 有 可 能 是 动态 IP, 甚 至 无 公 网 IP, 对 应 需要 采用 
动态 域名 解析 方案 和 80 端口 映射 方案 ,来 发 布 网 站 应 用 做 网 站 服务 。 具 体 实 施 过 程 
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如 下 : 
1. 动态 IP 时 ,在 本 地 内 网 安装 并 启用 nat123 动态 域名 解析 。 可 以 使 用 自己 的 顶级 
域名 ,固定 在 本 地 解析 ,如 图 9. 1 所 示 。 


m 您 当前 的 位 置 : 首页 > 域名 解析 > 域名 解析 编辑 


解析 名 称 : AER 

域名 FI: | lp 

解析 类 型 : 动态 域名 解析 记录 ~ 

多 点 登陆 : 启用 负载 均衡 与 宕 机 故障 转移 


图 9.1 动态 IP 域名 解析 


2. 无 公 网 IP 时 ,在 内 网 启用 nat123 映射 解析 的 80 端口 映射 。 配置 SO 映射 信息 ,外 
网 地 址 是 自己 的 域名 。 映 射 后 ,用 域名 即 可 以 访问 对 应 映射 的 网 站 应 用 ,如 图 9. 2 所 示 。 


A 您 当前 的 位 置 : 首页 > 端口 映射 > 映射 编辑 


应 用 类 型 : — 80 (http, https) 网 站 ~ 门 使 用 全 淡 口 映射 模式 
应 用 名 称 : GEM 

内 网 地 址 : 

内 网 端口 : 


P E 


图 9.2 无 公 网 IP 域名 解析 


3. 使 用 自己 的 域名 的 同时 ,需要 在 自己 的 域名 注册 商 网 站 的 域名 解析 系统 中 ,设置 
域名 指向 提示 的 DNS 域名 解析 。 


9.3 项 目 训 练 


通过 对 以 上 内 容 的 学 习 , 了 解 了 Web 服务 器 的 部 署 、 域 名 的 使 用 以 及 发 布 网 站 的 方 
法 ,现在 我 们 回 到 项 目 导 入 的 任务 中 来 。 

1. 配置 HS 

一 般 在 安装 操作 系统 时 不 默认 安装 TS, 所 以 在 第 一 次 配置 Web 服务 器 时 需要 安装 
IIS。 安 装 方法 见 第 6 章 。 

2. 申请 并 使 用 域名 

【步骤 1] 注册 账户 。 
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动态 域名 有 收费 和 免费 之 分 ,一 般 家 庭 都 用 免费 的 。 在 这 里 以 www. PubYun. com 
为 例 。 
COD. 打开 www. PubYun. com, 单 击 右 上 角 的 注册 按钮 ,如 图 9. 3 所 示 。 


现在 使 用 PubYun 任意 型 号 云 主 机 


轻松 管理 ， 简 单 易 用 。 数据 安全 ,稳定 可 车 
降低 成 本 ， 按 需 使 用 。 高 效 服务 ,专业 团队 


BM ms Hm 


图 9.3 单 击 “ 注 册 ” 按 钮 


(2) 填写 相关 注册 信息 ,如 图 9.4 所 示 。 


账户 名 : hellosym © 
账户 名 由 3-30 位 字母 a-z、 数 字 0-9 组 成 

邮箱 地 址 : © 
SEREHEGW*S HW XEM. 

请 再 输 一 次 邮箱 : o 

polla EL 

登录 密码 : © 

确认 密码 : eeeeeeeee o 

手机 号 码 : © 
K1H7 


图 9.4 填写 注册 信息 


(3) 激活 邮箱 ,如 图 9. 5 所 示 。 

(4) 通过 手机 认证 ,如 图 9.6 所 示 。 

(5) 注册 成 功 ,如 图 9.7 所 示 。 

【步骤 2】 申请 免费 域名 。 

(1) 登录 www. PubYun. com, 输 入 用 户 名 和 密码 ,如 图 9. 8 所 示 。 

(2) 找到 PubYunDNS , 单 击 创建 DNS 解析 。 在 下 拉 革 单 中 选择 “动态 域名 设置 ,如 
图 9.9 所 示 。 
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图 9.5 激活 邮箱 


图 9.6 手机 认证 


AZ 领先 的 公有 云 提供 商 Ba sm: -d 


账户 激活 成 功 ! 立即 使 用 我 们 的 服务 。 
蔡 喜 您 注册 成 功 ， 息 可 以 使 用 公 云 的 服务 。 


9.7 注册 成 功 


活 电子 邮箱 > 
; 邮箱 账号 密码 提交 成 功 ! 立即 激活 账户 。 
、 ; 验证 邮件 已 发 送 至 您 的 邮箱 : 349557530 qq.com 


您 的 激活 链接 在 24 小 时 内 有 效 。 
抓紧 时 间 激 活 账 号 ， 使 用 3322 动 态 域 名 服务 . 


< < 如果 验证 失败 ， 您 还 可 以 使 用 : 电话 验证 


公 云 账户 登录 
hellosym 


eeeeseeee 
登录 忘记 密码 


您 还 没有 公 云 账户 立即 注册 


9.8 登录 页 面 
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punyunDNS 


hellosym ,欢迎 您 使 用 PubYun 动 态 域 名 , 您 当前 使 用 的 是 务 艺 
版 ， 可 能 在 使 用 过 程 中 发 生 不 稳定 ， 对 此 表示 和 遗憾. 
想 使 用 稳定 高 效 的 服务 ， 请 点 击 这 里 用 2 


图 9.9 创建 DNS 解析 


(3) 设置 一 个 自己 的 域名 ,如 szjxshym, 如 图 9. 10 所 示 。 


创建 动态 域名 


szjxshym 


图 9.10 设置 自己 的 域名 


(4) 单 击 查询 按钮 ,只 要 这 个 域名 还 没有 人 用 ,就 能 注册 成 功 ,你 的 域名 全 称 就 是 : 


szjxshym. [3322. net, 如 图 9. 11 所 示 。 


zig e] 


WOJ&EES: ORMARA, 完 


查询 结果 3 
域名 E 
ssjsshym£3322 net. (5:889 emm 


图 9.11 查询 域名 
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O) 单 击 右 下 角 的 创建 域名 ,弹出 图 9. 12 所 示 的 对 话 框 ,提示 申请 域名 成 功 。 


LL E 
Lud 


We sa Dd 更 新 时 间 E 


1801061033 2015-05-26 170008 


图 9.12 域名 注册 成 功 


【步骤 3] 使 用 域名 。 

CD 先 登录 网 站 www. pubyun. com, 输 入 用 户 名 及 密码 , 单 击 “服务 支持 ”一 “下 载 客 
户 端 ”, 如 图 9. 13 所 示 。 

(2) 单 击 客户 端 V1.0, 如 图 9. 14 所 示 。 


客户 端 下 载 


Windows 


CEU 


图 9.13 下 载 客户 端 图 9.14 选择 适合 的 客户 端 


(3) 按照 向 导 安 装 客户 端 , 如 图 9.15 一 图 9. 18 所 示 。 


Welcome to cnSSands Setup program. This program wil install 
cn99qnds on your computer. 


It is strongly recommended that you exit all Windows programs 
before running this Setup Program. 


Click Cancel to quit Setup and close any programs you have 
running. Cick Next to continue with the Setup program. 


WARNING: This program is protected by copyright law and 
international teates. 


Unauthorized reproduction or distribution of this program, or any 
portion of it, may result in severe civil and criminal penalties, and 
wil be prosecuted to the maximum extent possible under law. 


EE o 


图 9.15 安装 客户 端 (一 ) 
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Setup will install cn99qnds in the following folder. 
To installinto a diferent folder, click Browse, and select another folder. 
You can choose not to install cn99qnds by clicking Cancel to exi Setup. 


Destination Folder 
C:\Program Fiesvcn99qdns 


图 9.16 安装 客户 端 (二 ) 


Start Installation 


You are now ready to install cn99qnds 


Click the Nest button to begin the installation or the Back button to reenter the installation 
inlomalion. 


图 9.17 安装 客户 端 (三 ) 


cn99qnds has been successtuly installed. 


Click the Finish button to exi this installation. 


图 9.18 安装 客户 端 (四 ) 
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COD. 安装 完成 后 ,打开 客户 端 ,设置 好 登录 的 用 户 名 、 密 码 等 ,如 图 9. 19 所 示 。 


有 关系 统 “管理 帐号 | 参数 设置 | 查看 日 志 | 


取消 ERW ELJ 
9.19 设置 用 户 名 口令 


(5) 成 功 后 ,屏幕 右 下 角 可 以 看 到 图 标 围 . 
【步骤 43 发布、 浏览 网 站 。 
(1) 打开 Internet 信息 服务 (IIS) 管 理 器 ,如 图 9. 20 所 示 o 


DURAN — — -— 


4 Sj OEM 20120723TNF 


CQ een 


图 9.20 IIS 管理 器 


(2) 右 击 网 站 ,选择 添加 网 站 选项 ,如 图 9. 21 所 示 。 
(3) 弹出 添加 网 站 的 窗口 ,在 该 窗口 中 ,输入 网 站 名 称 ,物理 路 径 ( 提 前 发 布 的 网 站 文件 
JE) IP 地 址 选择 全 部 未 分 配 ,主机 名 中 输入 申请 的 域名 : szjxshym. {3322. net, 如 图 9. 22 所 示 。 
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|€] OEM-20130723TNF (OE 
ESTIS 
Er 


t= 


主机 名 (H): 
szixshym.f3322.net 


RS www.contoso.com B marketing.contoso.com. 


[V] 立即 启动 网 站 (M) 


图 9.22 添加 网 站 对 话 框 


(4) 单 击 Internet 信息 服务 (IIS) 管 理 器 窗口 右 侧 的 “浏览 szjixshym. {3322. net”, 弹 
出 图 9. 23 所 示 的 页 面 。 


国 360 游 戏 [220130728 8A G 太 全 市 道路 交通 技 .。 QIFAN R. KISURIOUENEE. 出 


D o 324 4 X TL 


Chien-Shiung Institute of Technology ar Jd 发 有 


图 9.23 页 面 浏览 
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9.4 平行 项 目 训 练 


1. 训练 内 容 

Web 服务 器 部 署 、 域 名 使 用 、 发 布 与 浏览 网 站 。 

2. 训练 目的 

进一步 训练 和 巩固 学 生 对 Web 服务 器 部 署 域名 使 用 、 发 布 与 浏览 网 站 的 能 力 。 
3. 训练 过 程 

【步骤 1】 配置 个 人 笔记 本 电脑 Web 服务 器 。 


【步骤 2】 申请 免费 域名 ,并 使 用 。 
【步骤 3】 在 个 人 笔记 本 电脑 上 发 布 学 生 制 作 完 成 的 网 站 ,并 浏览 该 网 站 。 


9.5 总 结 
本 章 介绍 了 Web 服务 器 部 署 的 原理 及 方法 、 域 名 的 申请 及 使 用 方法 ,以 及 发 布 并 浏 
览 网 站 的 方法 ,同时 通过 项 目 训练 及 平行 项 目 整体 训练 了 学 生 对 Web 服务 器 部 署 、 域 名 
申请 及 使 用 ,发 布 与 浏览 网 站 的 能 力 。 
9.6 5 题 
1. 域名 是 什么 为 什么 要 使 用 域名 ? 与 IP 的 关系 是 什么 ? 


2. 简 述 域名 的 申请 过 程 。 
3. 自己 申请 域名 ,创建 学 生 个 人 网 站 ,发 布 网 站 。 


$8 103€ 综合 项 目 实 训 


10.1 RER B RIIA 


该 部 分 内 容 可 以 根据 课程 学 时 或 学 生 的 实际 情况 ,有 选择 地 开展 。 
10.1.1. 实 训 目 的 


综合 项 目 实 训 是 完成 课程 教学 计划 的 重要 一 环 , 有 较 强 的 实践 性 和 综合 性 ,对 于 帮助 
学 生 进 一 步 理 解 课堂 教学 内 容 ,培养 学 生 的 应 用 实践 能 力 ,为 进一步 学 习 更 高 阶段 的 课程 
打下 基础 。 
综合 项 目 实 训 是 ASP. NET 动态 Web 开发 技术 的 配套 训练 ,在 课程 教学 最 后 阶段 实 
施 , 实 训 目 的 是 : 

(1) 进一步 巩固 和 加 深 学生 对 ASP. NET 基础 知识 ,技术 、 类 的 理解 和 掌握 度 ,培养 
学 生 综 合 运 用 ASP. NET 语言 知识 和 技术 分 析 解 决 实际 问题 的 能 力 。 

(2) 通过 一 个 小 型 的 信息 管理 系统 ,使 学 生 了 解 项 目 开 发 过 程 , 培 养 学 生 创 造 性 思 
维 , 提 高 项 目 设 计 、 编 码 与 调试 能 力 。 

(3) 通过 项 目 实 训 ,使 学 生 能 够 按照 软件 工程 的 基本 方法 开发 小 型 的 信息 管理 系统 。 


10.1.2. KMAR 


面向 计算 机 专业 大 二 学 生 开设 《ASP. NET 动态 Web 开发 技术 》, 学 生 在 掌握 了 一 定 
的 C# 语 法 基础 上 ,学 习 . NET 相关 知识 。 


10.1.3 KIM H 


选择 “新 闻 发 布 系统 ”作为 综合 实 训 项 目 。 


10.2 新 闻 发 布 系统 


10.2.1 系统 功能 模块 
在 本 系统 中 有 两 类 用 户 : 普通 用 户 和 管理 员 用 户 ,两 种 不 同 的 用 户 所 具有 的 操作 权 
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限 和 操作 内 容 不 同 ,普通 用 户 可 以 实现 新 闻 的 浏览 及 查看 每 一 条 新 闻 详 细 信 息 , 还 能 实现 
新 闻 的 搜索 功能 。 管 理 员 在 后 台 实 现 新 闻 的 增删 改 查 以 及 友情 链接 信息 管理 等 。 功 能 模 
块 图 如 图 10. 1 所 示 。 


新 闻 发 布 系统 
HA 后 台 
——] t 
新 | | 新 | | 管 | | 链 
i| | 闻 | | 理 | | 接 
查 | | 增 | | 员 | | 管 
i) | 删 | | 设 | | 理 
a| la| |E 
E E| R 
BI 
pa 


图 10.1 功能 模块 图 


10.2.2 数据 库 设 计 


数据 库 是 信息 管理 系统 的 后 台数 据 管理 中 心 ,一 个 信息 管理 系统 的 功能 是 否 健全 , 关 
键 在 于 对 数据 库 的 设计 ,只 有 对 数据 库 进行 合理 的 设计 ,才能 开发 出 完善 而 有 效 的 管理 

新 闻 发 布 系统 的 数据 库 中 应 该 包括 以 下 几 张 表格 : 新 闻 表 (tbLink 表 )、 用 户 表 
(tbUser K) ,新 闻 类 别 表 (tbStyle 表 ) 和 友情 链接 表 (tbLink 表 )。 具 体 数 据 库 创建 及 数 
据 表 新 建 见 第 1 章 内 容 。 


10.2.3 系统 详细 设计 与 实现 


10.2.3.1 新 闻 浏 览 模块 的 设计 


1. 用 户 控件 menu. ascx 
【步骤 1] 源 视图 代码 如 下 : 


«$6 Control Language="C#" AutoEventWireup- "true" CodeFile="menu.ascx.cs" Inherits=" 
menu" $> 
«link href- "css/css.css" rel- "stylesheet" type- "text/css" /» 
< style type- "text/css"> 

.stylel 

t 

height: llpx; 

} 
</style> 
<table class="css" style- "width:801lpx;"» 
<tr> 
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«td colspan="7" style- "background- image: url (image/1. jpg); background- repeat:no— 
repeat;height:127px'» 
«/td» 
</tr> 
<tr> 
«td style- "background- image: url (image/302.gif); background- repeat:no- repeat;width: 
114px; height: 44px; text-align:center"» 
«asp:HyperLink ID-"HyperLinkl" runat="server" NavigateUrl-" ~ /index. aspx" Font- 
Underline- "false"> 主 页 < /asp:HyperLink^ 
</td> 
<td style-"background- image: url (image/302.gif); width: ll4px; height: 44px; text- 
align:center"> 
«asp:HyperLink ID- "HyperLink2" runat="server" NavigateUrl="~ /newsList.aspx? id=1"> 通 
知 公告 < /asp:HyperLink» 
</td> 
<td style-"background- image: url (image/302.gif); width: 1l4px; height: 44px; text- 
align:center"> 
<asp:HyperLink ID- "HyperLink3" runat="server" NavigateUrl- "^ /newsList.aspx? id-2'"» 创 
业 教育 < /asp:HyperLink> 
</td> 
«td style-"background- image: url (image/302.gif); width: ll4px; height: 44px; text- 
align:center"» 
«asp:HyperLink ID- "HyperLink4" runat="server" NavigateUrl- "^ /newsList.aspx? id=3"> 教 
改动 态 < /asp:HyperLink» 
</td> 
<td style-"background- image: url (image/302.gif); width: 114px; height: 44px; text- 
align:center"> 
<asp:HyperLink ID- "HyperLink5" runat="server" NavigateUrl="~ /newsList.aspx? id- 4"> 校 
园 新 闻 < /asp:HyperLink^ 
</td> 
<td styli 


background- image: url (image/302.gif); width: ll4px; height: 44px; text- 
align:center"> 
<asp:HyperLink ID- "HyperLink6" runat="server" NavigateUrl- "^ /newsList.aspx? id=5"> 学 
院 海 报 < /asp:HyperLinko 
«/td» 
«td style-"background- image: url(image/302.gif); width: ll4px; height: 44px; text- 
align:center"» 
«asp:HyperLink ID- "HyperLink7" runat="server" NavigateUrl- "^ /newsList.aspx? id- 6"> 学 
生 工 作 < /asp:HyperLink> 
«/td» 
</tr> 
«tr» 
«td  style-"text-align:right" colspan-"7" class- "stylel"» 
输入 关键 字 :<asp:TextBox ID- "TextBoxl" runat- "server">< /asp:TextBox» 
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<asp:DropDownList ID- "DropDownListl" runat="server"> 
<asp:ListItem> 创 业 教育 < /asp:ListItem> 
<asp:ListItem> 通 知 公 告 < /asp:ListItem> 
<asp:ListItem> 校 园 新 闻 < /asp:ListItem» 
<asp:ListItem> 教 改动 态 < /asp:ListItem> 
<asp:ListIten> 学 生 工作 < /asp:ListItem> 
<asp:ListItem> 学 院 海报 < /asp:ListItem> 
< /asp:DropDownList» 
<asp:Button ID= "btnSearch" runat- "server" Text- "站 内 搜索 " 
onclick- "btnSearch Click" /> 
设置 主页 收藏 本 站 
</td> 
</tr>< /table» 


效果 如 图 10.2 所 示 。 


职业 技术 学 
i ata pies of dd ANT 9| A ^m 3. 统 


通知 公告 ”。 创业 教育 。 教改 动 态 BANA 。 学 院 海报 ŽELE 
uocum. RR EAE lom 收藏 本 站 


图 10.2 用 户 控件 menu. ascx 


【步骤 2】 数据 访问 层 代 码 如 下 所 示 : 


public List« tbNew» GetNews (string style, string content) 

t 
string sql- string.Format ("select * from tbnews where StyleId- '(0)' and 
content like '$(1)$'", GetIdByStyleName (style), content); 
return GetNewBySQL (sql); 

} 

public int GetIdByStyleName (string StyleName) 

t 
string sql- "select Id from dbo.tbStyle where Name- 0 Name"; 
int id- (int)DBHelper.ExecuteScalar (DBHelper.ConnectionString, CommandType. 
Text, sql, new SqlParameter ("6 Name", StyleName)); 
return id; 


) 
【步骤 3】 业 务 逻 辑 层 代码 如 下 : 


public List< tbNew> GetNews (string style, string content) 


t 
return new tbNewService ().GetNews (style, content); 
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【步骤 41 表示 层 代 码 如 下 : 


protected void btnSearch Click(object sender, EventArgs e) 

t 
Session["tool"]- "都 市 新 闻 网 络 中 心 一 之 站 内 查询 ("+ DropDownListl.Text* ") 
---- 输 入 关键 字 为 ""+ TextBox1l.Text+ """; 
Session[" search"] = new tbNewManager () . GetNews (DropDownListl. Text, TextBoxl. 
Text); 
Response.Redirect ("search.aspx") ; 

) 


2. 用 户 控件 left. ascx 
【步骤 1】 源 视图 代码 如 下 : 


<%@ Control Language- "C£" AutoEventWireup- "true" CodeFile-"left.ascx.cs" Inherits-" 
left" %> 
«link href- "css/css.css" rel- "stylesheet" type- "text/css" /» 
«table style- "width:210px" class- "css"> 
«tr» 
«td» 
X«asp:Calendar ID- "Calendarl" runat="server" CssClass- "css"» 
«OtherMonthDayStyle ForeColor- "Blue" /» 
«TitleStyle BackColor- "#0B66B6" BorderColor- "#0000CC" Font- Bold- 
"True" /> 
« TodayDayStyle BackColor- "LightSkyBlue" ForeColor- "Black" /> 
«WeekendDayStyle BackColor- "White" ForeColor- "#FF3300" /> 
< /asp:Calendar» 
</td> 
</tr> 
<tr> 
« td style= "background- image:url (image/8.gif);height: 62px"> 
«/td» 
</tr> 
<tr> 
«td» 
«asp:DataList  CssClass- "css" ID- "DataListl" runat="server"> 
< ItemTemplate» 
«table» 
<tr> 
<td><a href="#"> 
< %#StringUtility.CutString (Eval ("Title"), 8)%>< /a» 
</td> 
</tr> 
</table> 
</ItemTemplate> 
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< /asp:Datalist» 
</td> 
</tr> 
«tr» 
«td style-"background- image: url (image/ 友 情 链接 .gif) ;height:49px"> 
«/td» 
</tr> 
<tr> 
«td» 
«asp:DataList ID- "DataList2" runat- "server" 
onitemcommand- "DataList2 ItemCommand"» 
< ItenTemplate» 
«table» 
«tr» 
<td style- "text- align:center"» 
«asp:Image ID-"Imagel" runat="server"  ImageUrl- '<%#Eval ("picPath")® > ' Height-" 
49px"/> 
</td> 
</tr> 
<tr> 
<td style="font- size:llpt;text- align:center"» 
«asp: LinkButton ID =" LinkButtonl" runat =" server" CommandName =" select" 
CommandArgument- '« %#Eval ("ID") %> '»« %$#Eval ("linkName| 


«/td» 

</tr> 

< /table» 

« /ItemTemplate» " 2 

< /asp:DataList» 2 27 

«/td» 2 3 6 
</tr> e$ Hm O 
« /table» 


效果 如 图 10.3 所 示 。 
【步骤 2] 数据 访问 层 代码 如 下 所 示 : 
在 tbNewService. cs 类 中 


Public List< tbNew> GetTenNews () 
t 


string sql-"select top 10 * from tbNews 
onder iy Tascebste daschy 图 10.3 用 户 控件 left. ascx 
return GetNewBySQL (sql) ; 
H 
private static List« tbNew» GetNewBySQL (string sql) 
t 
List«tbNew»newlist-new List« tbNew» (); 
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SqlDataReader dr=DBHelper .ExecuteReader (DBHelper. 
ConnectionString, CommandType.Text, sql); 
while (dr.Read()) 
i 
tbNew tbn-new tbNew() ; 
tbn.Content- Convert .ToString (dr ["Content"]) ; 
tbn.ID-Convert.ToInt32 (dr["ID"]) ; 
tbn.IssueDate- Convert .ToDateTime (dr ["IssueDate"]) ; 
tbn.Title-Convert.ToString (dr["Title"]); 
tbn. Style = new tbStylService (). GetStyleById (Convert. ToInt32 (dr [" 
StyleId"])); 
tbn.Imageid- Convert .ToString (dr ["imageid"]); 
newlist.Add(tbn); 
} 
dr.Close(); 
return newlist; 


} 
在 tbLinService. cs 类 中 


public List< tbLin> GetAllLinks() 
t 
string sql-"select * from tbLink"; 
List«tbLin» Linkslist- new List< tbLin» (); 
SqlDataReader dr= DBHelper.ExecuteReader (DBHelper. 
ConnectionString, CommandType.Text, sql); 
while (dr.Read()) 
1 
tbLin tbl-new tbLin(); 
tbl.ID-Convert.ToInt32 (dr["ID"]) ; 
tbl.picPath- Convert .ToString (dr["picPath"]); 
tbl.linkName- Convert.ToString (dr ["linkName"]); 
tbl.linkAddress- Convert .ToString (dr["linkAddress"]); 
tbl.addDate- Convert .ToDateTime (dr ["addDate"]) ; 
Linkslist.Add(tbl); 
b 
dr.Close(); 
return Linkslist; 
} 
public tbLin GetLinkById (int id) 
t 
string sql- "select * from tbLink where ID- 8 ID"; 
tbLin tbl-new tbLin(); 
SqlDataReader dr-DBHelper.ExecuteReader (DBHelper. 
ConnectionString, Commandlype .Text, sql, new SqlParameter ("8 ID", id)); 
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while (dr.Read()) 

t£ 
tbl.ID-Convert.ToInt32 (dr["ID"]); 
tbl.picPath- Convert.ToString (dr["picPath"]); 
tbl.linkName- Convert.ToString (dr["linkName"]); 
tbl.linkAddress- Convert .ToString (dr ["linkAddress"]); 
tbl.addDate- Convert .ToDateTime (dr ["addDate"]) ; 

} 

dr.Close(); 

return tbl; 

} 


【步骤 3】 业务 迎 辑 层 代码 如 下 : 
在 tbNewManager. cs 类 中 


Public List< tbNew> GetTenNews () 
t 
return new tbNewService ().GetTenNews () ; 
) 


在 tbLinManager. cs 类 中 


public tbLin GetLinkById(int id) 
{ 
return new tbLinService () .GetLinkById (id); 
) 
public List< tbLin» GetAllLinks() 
t 
return new tbLinService().GetAllLinks(); 
) 


【步骤 41 表示 层 代码 如 下 : 


protected void Page _ Load (object sender, EventArgs e) 
t 

if(!IsPostBack) 

t 
DataListl.DataSource- new tbNewManager () Get TenNews () ; 
DataListl.DataBind(); 
DataList2.DataSource- new tbLinManager () .GetAllLinks(); 
DataList2.DataBind(); 


} 
protected void DataList2 ItemCommand(cobject source, DataListCommandEventArgs e) 
{ 
if(e.CommandName=="select") 
{ 
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int id=Convert.ToInt32 (e.CommandArgument) ; 

tbLin tblin- new tbLin(); 

tblin-new tbLinManager () .GetLinkById (id); 

string strLink-tblin.linkAddress; 

Response.Write ("< script language- javascript» window.open ('http://"+ strLink 
*-"')«/script»"); 


) 


3. 用 户 控件 bottom. ascx 
源 视 图 代码 如 下 : 


«$0 Control Language- "C£" AutoEventWireup- "true" CodeFile- "bottom.ascx.cs" Inherits-" 
bottom" %> 
«table style="width: 803px; height: 59px; background- color: £&ffffff;text- align:center" 
class="txt" border= "0"> 
<tr> 
<td class-"txt" colspan= "3" style="height: 20px;text-align:center"> 
健雄 职业 技术 学 院 客户 服务 热线 ::(0512)53948888 &nbsp; &nbsp; &nbsp; 
客户 服务 邮箱 :mingrisoft@mingrisoft.com< /td> 
</tr> 
«tr» 
<td class- "css" style="height: l6px"» 
«/td» 
«td class- "txt" style="width: 555px; height: l6px;text- align:center"» 
CopyRight < span lang- "EN- US" style="font- size: 10.5pt; font- family: ' 
Times New Roman'"> 
?&nbsp; 健雄 职业 技术 学 院 网 络 开发 &nbsp; 
«asp:HyperLink ID- "HyperLinkl" runat="server" CssClass- "txt" 
NavigateUrl =" HouAdmin/Houlogin. aspx" > 后 fi A H 
< /asp:HyperLink»« /span>< /td> 
<td class- "css" style="height: l6px"» 
«/td» 
</tr> 
</table> 


效果 如 图 10. 4 所 示 。 


苏州 健雄 职业 技术 学 院 客户 服务 热线 :， (0512)53948888 — 客户 服务 邮箱 ，mingrisofG@mingrisoftcom 
CopyRight ? 苏州 健雄 职业 技术 学 院 网 络 开发 “后台 入 口 


图 10.4 用 户 控件 bottom. ascx 


4. index. aspx 主 界面 
【步骤 1】 源 视图 代码 如 下 : 
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< $6 Page Language= "C£" AutoEventWireup- "true" CodeFile- "index.aspx.cs" 
Inherits 


«$0 Register src- "left.ascx" tagname- "left" tagprefix- "ucl" $» 
< $@ Register src- "menu.ascx" tagname- "menu" tagprefix- "uc2" %> 
«$6 Register src- "bottom.ascx" tagname- "bottom" tagprefix- "uc3" $> 
< IDOCTYPE html» 
«html xmlns- "http: //www.w3.0rg/1999/xhtml"» 
X head runat="server"> 
«meta http- equiv- "Content- Type" content- "text/html; charset-utf- 8"/» 

<title>< /title> 
< /head» 
<body> 

< form id- "forml" runat="server"> 

<div style=" text-align:center"» 

<table class="txt"> 

<tr> 

<td colspan= "2"> 

<uc2:menu ID= "menul" runat="server" /> 
</td> 
< /tr> 
«tr» 
«td» 
«ucl:left ID-"leftl" runat="server" /> 

</td> 

«td style="width:590px;vertical-align:top"> 

«table style= "width:590px"» 

«tr» 


style2"> 通 知 公告 < /td> 
«td style=" text-align:right" class= "style2"> 更 多 >>><a href- "newsList.aspx? id= 
1"»«asp:Image ID- "Image5" runat="server" ImageUrl- "~ /image/14.gif" />< /a> 

«/td» 

</tr> 


<td class: 


«tr» 
«td colspan- "2"> 
«table»«tr» 
«td» 
«asp:Image ID- "Imagel" runat- "server" ImageUrl- "~ /image/szyw.jpg" /> 
</td> 
«td» 
«asp:DataList ID- "DataListl" runat="server"> 
< ItemTemplate» 
«table» 
«tr» 
«td» 
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«a href- "showNews .aspx? id-« $fEval ("ID")2» 
< $fEval ("Title")£»«/a» 

«/td» 

«/tr» 

</table> 


</ItemTemplate> 
< /asp:DataList» 
«/td» 
< /tr> 
</table> 
« /td» 
</tr> 
«tr» 
<td> 创 业 教育 < /td> 
«td style=" text- align:right"> 更 多 >>><a href- "newsList.aspx? id= 2"> < asp: Image 
ID= "Image6" runat="server" ImageUrl- "~ /image/14.gif" /»« /a» 
«td» 
</tr> 
<tr> 
<td colspan= "2"> 
<table><tr> 
«td» 
«asp:Image ID- "Image2" runat="server" ImageUrl- "~ /image/jjdx.jpg" /> 
«/td» 
«td» 
«asp:DataList ID- "DataList2" runat="server"> 
<ItemTemplate> 
<a href= "showNews .aspx? id= < $fEval ("ID") $> "> 
< %#Eval ("Title")$></a> 
</ItemTemplate> 
< /asp:DataList» 
«/td» 
</tr> 
</table> 
</td> 
</tr> 
«tr» 
<tad> 教 改动 态 
</td> 
«td style=" text- align:right"> 更 多 >>><a href- "newsList.aspx? id= 3"> < asp: Image 
ID= "Image7" runat="server" ImageUrl- "- /image/14.gif" /></a> 
</td> 
</tr> 
«tr» 
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« td colspan- "2"> 
«table»«tr» 
«td» 
«asp:Image ID- "Image3" runat="server" ImageUrl- "^ /image/sjjs.jpg" /> 
«/td» 
«td» 
«asp:DataList ID- "DataList3" runat="server"> 
<ItemTemplate> 
<a href ihowNews .aspx? id=< $fEval ("ID") $> "> 
<%#Eval ("Title")£»«/a» 
</ItemTemplate> 
< /asp:DataList> 
«td» 
</tr> 
</table> 
</td> 
</tr> 
<tr> 
<tq> 校 园 新 闻 < /td> 
«td style-" text- align:right"> 更 多 >>><a href- "newsList.aspx? id- 4"><asp:Image 
ID= "Image8" runat= "server" ImageUrl- "~ /image/14.gif" /></a> 
</td> 
</tr> 
<tr> 


<td colspan= "2"> 
<table><tr> 
«td» 
«asp:Image ID- "Image4" runat- "server" ImageUrl- "~ /image/kxjy.gif" /> 
< /td» 
«td» 
«asp:DataList ID- "DataList4" runat="server"> 
<ItemTemplate> 
<a href= "showNews .aspx? id=< %#Eval ("ID") $> "> 
<%#Eval ("Title")%> </a> 
</ItemTemplate> 
< /asp:DataList> 
«/td» 
</tr> 
</table> 
</td> 
</tr> 
<tr> 
<td> 学 院 海报 < /ta> 
«td style=" text-align:right"> 更 多 >>><a href- "newsList.aspx? id= 5"> < asp: Image 
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ID- "Image9" runat="server" ImageUrl- "- /image/14.gif" /»« /a» 
«/td» 
</tr> 
«tr» 
« td colspan- "2"» 
«table»«tr» 
«td» 
«asp:Image ID- "Imagel0" runat="server" ImageUrl- "~ /image/fzdd.jpg" /> 
«/td» 
«td» 
«asp:DataList ID- "DataList5" runat="server"> 
<ItemTemplate> 
<a href= "showNews .aspx? id=< $fEval ("ID") $> "> 
<%#Eval ("Title") $>< /a> 
</ItemTemplate> 
< /asp:DataList> 
«/td» 
</tr> 
</table> 
</td> 
< /tr> 
«tr» 
<td> 学 生 工作 < /td> 
«td style-" text- align:right"> 更 多 >>><a href- "newsList.aspx? id- 6"><asp:Image 
ID= "Imagell" runat="server" ImageUrl- "^ /image/14.gif" /»« /a» 
</td> 
< /tr> 
«tr» 


<td colspan= 
<table><tr> 
<td> 

«asp:Image ID- "Imagel2" runat="server" ImageUrl="~ /image/shxx.jpg" /> 
«/td» 
«td» 

«asp:DataList ID- "DataList6" runat="server"> 

<ItemTemplate> 

<a href= "showNews .aspx? id=< $fEval ("ID") $> "> 

< %#Eval ("Title") %></a> 

</ItemTemplate> 

< /asp:DataList» 

«/td» 


</tr> 
</table> 
«/td» 
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</tr> 
« /table» 
« /td» 
</tr> 
<tr> 
«td colspan= "2"> 
«uc3:bottom ID- "bottoml" runat="server" /> 
« /td» 
</tr> 
</table> 
</div> 
«/form» 
< /body» 
< /html» 


【步骤 2】 数据 访问 层 代 码 如 下 : 


public List« tbNew» GetPartNews (string style) 
t 

string sql-"select top 5 * from tbNews where StyleId- @ StyleId order by 

IssueDate desc"; 

List« tbNew» newlist- new List« tbNew» (); 

SqlDataReader dr= DBHelper.ExecuteReader (DBHelper. 

ConnectionString, CommandType.Text, sql, new SqlParameter 

("€ StyleId", GetIdByStyleName (style))); 

while (dr.Read()) 

t 
tbNew tbn- new tbNew(); 
tbn.Content- Convert .ToString (dr["Content"]); 
tbn.ID-Convert.ToInt32 (dr["ID"]); 
tbn.IssueDate- Convert .ToDateTime (dr ["IssueDate"]); 
tbn.Title-Convert.ToString (dr["Title"]); 
tbn. Style = new tbStylService (). GetStyleById (Convert. ToInt32 (dr [" 
StyleId"])); 
tbn.Imageid- Convert.ToString (dr["imageid"]); 
newlist.Add(tbn); 

} 

dr.Close(); 

return newlist; 


) 
【步骤 3】 业务 逻辑 层 代码 如 下 : 


Public List< tbNew> GetPartNews (string style) 
t 
return new tbNewService ().GetPartNews (style); 


} 


【步骤 4] 表示 层 代码 如 下 : 


protected void Page Load(object sender, EventArgs e) 


t 


) 


if (!IsPostBack) 


t 


DataListl. 
-DataBind(); 
-DataSource- new tbNewManager () 
-DataBind(); 
-DataSource- new tbNewManager () 
-DataBind(); 
-DataSource- new tbNewManager () 
-DataBind(); 
-DataSource- new tbNewManager () 
-DataBind(); 
-DataSource- new tbNewManager () 
-DataBind(); 


DataListl 
DataList2 
DataList2 
DataList3 
DataList3 
DataList4 
DataList4 
DataList5 
DataList5 
DataList6 
DataList6 


DataSource- new tbNewManager () 


【步骤 5) siii s np 10.5 所 示 。 
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.GetPartNews ("通知 公告 "); 


-GetPartNews ("创业 教育 "); 


.GetPartNews ("教改 动态 "); 


.GetPartNews ("校园 新 闻 "); 


.GetPartNews ("学 院 海报 "); 


.GetPartNews ("学 生 工 作 "); 
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index. aspx 页 面 
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10.2.3.2 新 闻 增 删改 查 模 块 的 设计 


1. 母 版 页 HouAdmin. master 


源 视图 代码 如 下 : 


«div style= "text- align:center"> 


<table style= 


idth: 800px; height: 392px;background- color: #0b66b6;text- align: 


center" class-"txt"» 


«tr» 


«td colspan-"2" style=" background- image: url (../image/fti fi. jpg); 
width: 211px;height: 142px;"» 


</td> 


</tr> 
<tr> 


<td style="height: 210px; width: 211px; background- image: url (image/ 都 
市 网 络 新 闻 中 心 后 台 页 12.gif); text-align:center; vertical- align: top" 


> 


<asp:TreeView ID- "TreeViewl" runat="server"> 
«Nodes» 


«asp:TreeNode Text=" 显 示 所 有 新 闻 " Value- "显示 所 有 新 闻 " 

NavigateUrl- "Default .aspx"> < /asp:TreeNode» 

<asp:TreeNode Text=" 后 台 安 全 退出 " value=" 安 全 退出 "> </ 

asp:TreeNode> 

<asp:TreeNode Text- "通知 公告 " Value= "通知 公告 "> 
<asp:TreeNode Text- "添加 通知 公告 " Value= "添加 通知 公 
告 " NavigateUrl- "NewAdd.aspx? id-1"» « /asp:TreeNode> 
«asp:TreeNode Text- "编辑 通知 公告 " Value= "编辑 通知 公 
4" NavigateUrl- "list.aspx? id-1"»« /asp:TreeNode» 

< /asp:TreeNode» 

«asp:TreeNode Text- "创业 教育 " Value= "创业 教育 "> 
«asp:TreeNode Text- "添加 创业 教育 " Value= "添加 创业 教 
育 " NavigateUrl- "NewAdd.aspx? id= 2"> < /asp:TreeNode» 
«asp:TreeNode Text- "编辑 创业 教育 " value= "编辑 创业 教 
fi" NavigateUrl- "list.aspx? id-2"»« /asp:TreeNode» 

< /asp:TreeNode» 

«asp:TreeNode Text= "教改 动态 " Value= "教改 动态 "> 
«asp:TreeNode Text- "添加 教改 动态 " Value= "添加 教改 动 
Æ" NavigateUrl- "Newadd.aspx2?id- 3">< /asp:TreeNode» 
«asp:TreeNode Text- "编辑 教改 动态 " value= "编辑 教改 动 
Æ" NavigateUrl- "list.aspx? id=3">< /asp:TreeNode» 

< /asp:TreeNode» 

«asp:TreeNode Text- "校园 新 闻 " Value= "Hz pd 39r I] "> 
«asp:TreeNode Text- "添加 校园 新 闻 "” value= "添加 校园 新 


第 10 章 ”综合 项 目 实 训 183 


闻 " NavigateUrl- "NewAdd.aspx? id= 4">< /asp:TreeNode» 
«asp:TreeNode Text- "编辑 校园 新 闻 " Value- "编辑 校园 新 
闻 " NavigateUrl- "list.aspx? id-4"»« /asp:TreeNode» 
< /asp:TreeNode» 
«asp:TreeNode Text=" 学 院 海报 " Value "学院 海报 "> 
«asp:TreeNode Text=" 添 加 学 院 海报 " Value=" 添 加 学 院 海 
报 " NavigateUrl- "Newadd.aspx? id= 5">< /asp:TreeNode> 
<asp:TreeNode Text "编辑 学 院 海报 " Value= "编辑 学 院 海 
报 " NavigateUrl="list.aspx?id=5">< /asp:TreeNode» 
< /asp:TreeNode» 
<asp:TreeNode Text=" 学 生 工 作 " Value=" 学 生 工 作 "> 
<asp:TreeNode Text=" 添 加 学 生 工作 " Value=" 添 加 学 生 工 
作 " NavigateUrl- "NewAdd.aspx? id= 6">< /asp:TreeNode> 
<asp:TreeNode Text=" 编 辑 学 生 工作 " Value= "编辑 学 生 工 
作 " NavigateUrl="list.aspx?id= 6"></asp:TreeNode> 
< /asp:TreeNode» 
«asp:TreeNode Text=" 管 理 员 设置 " Value- "管理 员 设置 "> 
<asp:TreeNode Text=" 添 加 管理 员 " Value=" 添 加 管理 员 " 
NavigateUrl- "userAdd.aspx"> < /asp:TreeNode> 
<asp:TreeNode Text=" 编 辑 管 理 员 " Value- "编辑 管理 员 " 
NavigateUrl- "userFdit.aspx'» < /asp:TreeNode> 
< /asp:TreeNode» 
<asp:TreeNode Text= "链接 管理 " Value= "链接 管理 "> 
«asp:TreeNode Text- "添加 链接 信息 " value= "添加 链接 信 
息 " NavigateUrl- minkaad.aspxn> < /asp:TreeNode» 
«asp:TreeNode Text= "编辑 链接 信息 " Value- "编辑 链接 信 
息 " NavigateUrl- "linkEdit.aspx">< /asp:TreeNode» 
< /asp:TreeNode> 
< /Nodes> 
< /asp:TreeView» 
</td> 
<td style="height: 2lpx; background- image: url (image/ 都 市 网 络 新 闻 中 
心 后台 页 13.gif) ;text-align:left; vertical-align:top"> 
<asp:ContentPlaceHolder id- "ContentPlaceHolderl" runat- "server"» 
< /asp:ContentPlaceHolder^ 
</td> 
</tr> 
</table> 
<table style="width: 800px; height: 59px; background- color: #0b66b6;text- align: 
center"> 
«tr» 
«td class- "txt" colspan- "3" style="height: 20px;text- align:center"» 
健雄 职业 技术 学 院 客户 服务 热线 ::(0512)53948888 &nbsp; &nbsp; &nbsp; Æ 
户 服务 邮箱 :mingrisoft@mingrisoft.com< /td> 
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</tr> 

<tr> 
<td class= "css" style="height: 16px"> 
</td> 
«td class-"txt" style="width: 555px; height: 16px; text- align:center" 
> 

CopyRight <span lang="EN-US" style="font- size: 10.5pt"> 
@enbsp; 健雄 职业 技术 学 院 网 络 开发 &nbsp;&nbsp; < /span>< /td> 

«td class- "css" style="height: 16px"> 
</td> 

</tr> 

</table> 
</div> 


效果 如 图 10. 6 所 示 。 


D s s 职业 技术 学 院 新 闻 发 布 系统 后 台 


Chien-Shiung Institute of Technology 


Fd 10.6 HouAdmin. master 


2. 新 闻 编辑 页 面 list. aspx 
【步骤 1] 源 视图 代码 如 下 : 


<table style= "width:580px"> 

<tr> 

«td style= "width:570px;text-align:center"> 

«asp:GridView ID- "GridViewl" runat="server" AllowPaging- "True" 
AutoGenerateColumns- "False" PageSize- "30" 
onrowediting- "GridViewl RowEditing" onrowdeleting- "GridViewl RowDeleting" 
onrowupdating- "GridViewl RowUpdating" 
onrowcancelingedit- "GridViewl RowCancelingEdit" 
onrowdatabound- "GridViewl RowDataBound" > 
«Columns» 


«asp:TemplateField HeaderText- "ID"> 


第 10 章 ”综合 项 目 实 训 185 


< ItemTemplate> 
<asp:Label ID- "IblID" runat="server" Text- "< %#Bind ("ID")®>" Width- "30px"></ 
asp:Label» 
</ItemTemplate> 
« /asp:TemplateField» 
«asp:TemplateField HeaderText- "新 闻 标 题 "> 
«EditItemTemplate^ 
«asp: TextBox ID=" txtTitle" runat =" server" Text = ' <% # Bind 
("Title")%>" Width="190px" >< /asp:TextBox^ 
< /EditItemTemplate> 
<ItemTemplate> 
<asp:Label ID="lblTitle" runat="server" Text='< %#Bind ("Title")$ 
>' Width= "190px"> < /asp:Label> 
</ItemTemplate> 
< /asp:TemplateField» 
«asp:TemplateField HeaderText- "发 布 日 期 "> 
<ItemTemplate> 
<asp:Label ID-"lblIssueDate" runat="server" Text- '<$%#Bind (" 
IssueDate", "(0:d)")$» " 
Width- "110px"> < /asp:label» 
« /ItemTemplate» 
«EditItemTemplate» 
<asp:TextBox ID-"txtIssueDate" runat="server" Text- '<$%#Bind (" 
IssueDate", "{0:d}")%>' 
Width= "110px"> < /asp:TextBox> 
< /EditItemTemplate» 
</asp:TemplateField> 
«asp:CommandField ShowEditButton- "True" /> 
«asp:TemplateField HeaderText=" 自 定义 删除 "> 
<ItemTemplate> 
<asp:LinkButton ID-"LinkButtonl" runat="server" Width- "40px" 
CommandName- "Delete" CommandArgument= '<s#Eval ("ID")s> "> 删除 </ 
asp:LinkButton» 
</ItemTemplate> 
« /asp:TemplateField» 
< /Columns» 


< /asp:GridView» 


</td> 
</tr> 


</table> 


【步骤 2 数据 访问 层 代 码 如 下 : 


public List« tbNew» GetPartNewsBYStylel (string style) 


t 
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string sql; 
if(style=="") 
sql="select * from tbNews"; 
else 
sql= string. Format (" select * from tbNews where StyleId - ' (0) '", 
GetIdByStyleName (style)); 
List< tbNew» newlist- new List« tbNew» (); 
SqlDataReader dr-DBHelper.ExecuteReader (DBHelper. 
ConnectionString, CommandType.Text, sql); 
while (dr.Read()) 
| 
tbNew tbn- new tbNew() ; 
tbn.Content- Convert .ToString (dr ["Content"]) ; 
tbn.ID-Convert.ToInt32 (dr["ID"]); 
tbn.IssueDate- Convert .ToDateTime (dr ["IssueDate"]); 
tbn.Title-Convert.ToString (dr["Title"]); 
tbn.Imageid- Convert .ToString (dr["imageid"]); 
newlist.Add(tbn); 
} 
dr.Close(); 
return newlist; 
} 
public bool ModifyNew (tbNew tbn) 
t 
string sql- "update tbNews set Title- 0 Title, IssueDate- à IssueDate where ID= 
@ ID"; 
SqlParameter[] para- new SqlParameter[] 
f 
new SqlParameter ("@ Title",tbn.Title), 
new SqlParameter ("@ IssueDate",tbn.IssueDate), 
new SqlParameter ("@ ID",tbn.ID), 
n 
int n- DBHelper.ExecuteNonQuery (DBHelper.ConnectionString, 
CommandType.Text, sql, para)» 0; 
} 
public bool DeteteNewById (int id) 
t 
string sql- "delete from dbo.tbNews where ID- 0 ID"; 
int n= DBHelper. ExecuteNonQuery (DBHelper. ConnectionString, CommandType. 
Text, sql, new SqlParameter ("8 ID", id))»0; 
} 


【步骤 3】 业 务 逻 辑 层 代码 如 下 : 


public List< tbNew> GetPartNewsByStylel(string style) 
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return new tbNewService () .GetPartNewsByStylel (style); 
} 
public bool ModifyNew (tbNew tbn) 
t 
return new tbNewService ().ModifyNew (tbn) ; 
} 
public bool DeteteNewById (int id) 
t 
return new tbNewService ().DeteteNewById (id); 
} 


【步骤 41 表示 层 代 码 如 下 : 


static string style=""; 
protected void Page Load(object sender, EventArgs e) 
t 
if(!IsPostBack) 
t 
int n-Convert.ToInt3? (Request .QueryString["id"]); 
switch (n) 
t 
case 1: 
style- "B A n; 
break; 
case 2: 
style- "QM HA n; 
break; 
case 3: 
style- "教改 动态 "; 
break; 
Case 4: 
style=" 校 园 新 闻 "; 
break; 
case 5: 
style- "学 院 海报 "; 
break; 
case 6: 
style=" 学 生 工 作 "; 
break; 
default: 
style-""; 
break; 
$ 
NewDataBind(); 
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) 
private void NewDataBind|() 
t 
GridViewl.DataSource- new tbNewManager () .GetPartNewsByStylel (style); 
GridViewl.DataBind(); 
H 
protected void GridViewl RowUpdating(object sender, GridViewUpdateEvent- 
Args e) 
1 
tbNew tbn-new tbNew() ; 
tbn.ID-Convert.ToInt3?2 ((GridViewl.Rows [e.RowIndex].FindControl 
("1blID")as Label).Text); 
tbn.Title- (GridViewl.Rows [e.RowIndex].FindControl ("txtTitle")as TextBox) .Text; 
tbn.IssueDate- Convert. ToDateTime ((GridViewl. Rows [e. RowIndex]. FindControl (" 
txtlIssueDate")as TextBox) .Text); 
if (new tbNewManager () .ModifyNew (tbn) ) 
t 
Page.ClientScript.RegisterStartupScript (this.GetType (), "", "alert (' 修 改 成 
3p17;", true); 
GridViewl.EditIndex- - 1; 
NewDataBind(); 


Page.ClientScript.RegisterStartupScript (this.GetType (), "", "alert (' 修 改 失 
ut 


; ", true); 


) 
protected void GridViewl RowDataBound(cbject sender, GridViewRowEventArgs e) 
t 
if (e.Row.RowType- — DataControlRowType.DataRow) 
t 
e. Row. Attributes. Add ( " onmouseover "， " currentcolor = this. style. 
backgroundColor;this.style.backgroundColor- '£6699ff'"); 
e. Row. Attributes. Add ( " onmouseout", " this. style. backgroundColor — 
currentcolor"); 
/改行 的 第 4 个 单元 格 ,增加 删除 确认 


e.Row.Cells[4].Attributes.Add("onclick", "return confirm(' 确 认 删 除 吗 ? ')"); 


} 

protected void GridViewl RowCanoelingEdit (object sender, GridViewCanoelEditEve- 
ntArgs e) 

{ 
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GridViewl.EditIndex-- 1; 
NewDataBind(); 
} 
protected void GridViewl RowDeleting (object sender, GridViewDeleteEv- 
entArgs e) 
t 
int id-Convert.ToInt32((GridViewl.Rows [e.RowIndex].FindControl 


("LinkButtonl")as LinkButton) .CommandArgument.) ; 
if (new tbNewManager () .DeteteNewById (id)) 


i 
Page.ClientScript.RegisterStartupScript (this.GetType (), "", "alert (' 删 除 成 


3j)", true); 
NewDataBind(); 
} 
else 


{ 
Page.ClientScript.RegisterStartupScript (this.GetType (), "", "alert (' 删 除 失 


Wr)", true); 


) 
protected void GridViewl RowEditing (object sender, GridViewEditEventArgs e) 


t 
GridViewl.EditIndex- e.NewEditIndex; 
NewDataBind(); 

) 


【步骤 5] 页面 浏览 如 图 10. 7 所 示 。 
3. 新 闻 添 加 页 面 NewAdd. aspx 
【步骤 1】 源 视图 代码 如 下 : 


«table class- "txt" style- "width: 483px; height: 303px"> 
«tr» 
«td colspan- "3" style- "text- align:center"» 
新 闻 添 加 [< asp:Label ID-"Labell" runat="server" Text- "Label"» </ 


asp:Label» 
J< /td> 
</tr> 
<tr> 
<td style="width: 66px"> 
新 闻 标 题 :< /td> 


«td style="width: 324px"» 
<asp:TextBox ID- "TextBoxl" runat="server" Width- "200px" Maxlength 
="15">< /asp:TextBox> (控制 在 15 个 字符 以 内 )< /td> 

«td style="width: 85px"> 
«asp:RequiredFieldValidator ID- "RequiredFieldValidatorl" runat=" 
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后 各 安 全 退出 
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图 10.7 list. aspx 页 面 


server" ControlToValidate- "TextBox1l" 
ErrorMessage-" * * ">< /asp:RequiredFieldValidator» « /td» 
</tr> 
<tr> 
<td style="width: 66px"> 
新 闻 内 容 :< /td> 
«td style="width: 324px"> 
<asp:TextBox ID- "TextBox2" runat="server" Height- "211px" TextMode 
-"MultiLine" Width- "322px"> < /asp:TextBox»« /td> 
«td style="width: 85px"» 
«asp:RequiredFieldValidator ID- "RequiredFieldValidator2" runat-" 
server" ControlToValidate- "TextBox2" 
ErrorMessage="**">< /asp:RequiredFieldValidator» « /td> 
</tr> 
<tr> 
«td» 
图 片 
</td> 
«td» 
«asp:FileUpload ID- "FileUploadl" runat="server" /> 
«/td» 
</tr> 
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«tr» 
«td style-"width:66px"» 
«/td» 
«td style="width: 324px;text- align:center"» 
«asp:Button ID-"Buttonl" runat="server" Text- "i 加 "Width=" 
66px" OnClick- "Buttonl Click" /> 
«asp:Button ID= "Button2" runat="server" CausesValidation- "False" 
Text=" 重 $" OnClick-"Button2 Click" /»« /td» 
«td style="width: 85px"» 
«/td» 
</tr> 
</table> 
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public bool InsertNew (tbNew tbn) 
t 
string sql-" insert into tbNews (Title, Content, StyleId, IssueDate, imageid) 
values (8 Title, @ Content, 0? StyleId, @ IssueDate, @ imageid)"; 
SglParameter[] para- new SqlParameter[] 
t 
new SqlParameter ("8 Title",tbn.Title), 
new SqlParameter ("6 Content", tbn.Content), 
new SqlParameter ("8 StyleId",tbn.Style.Id), 
new SqlParameter ("8 IssueDate", tbn.IssueDate), 
new SqlParameter ("6 imageid",tbn.Imageid) 
n 
int n- DBHelper. ExecuteNonQuery (DBHelper. ConnectionString, CommandType. 
Text, sql, para)»0; 
) 


【步骤 31 业务 逻辑 层 代码 如 下 : 


Public bool InsertNew (tbNew tbn) 
t 
return new tbNewService ().InsertNew (tbn); 
} 


【步骤 4】 表示 层 代码 如 下 : 


protected void Page Load(object sender, EventArgs e) 
t 
if (!IsPostBack) 
t 
int n-Convert.ToInt32 (Request .QueryString["id"]); 
switch (n) 
{ 
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case 1: Labell.Text- "通知 公告 "; break; 
case 2: Labell.Text- "Bj My # f$ "; break; 
Case 3: Labell.Text- 喇 改 动态 "; break; 
case 4: Labell.Text- "校园 新 闻 "; break; 
case 5: Labell.Text=" 学 院 海报 "; break; 
case 6: Labell.Text=" 学 生 工作 "; break; 


} 
protected void Buttonl Click(object sender, EventArgs e) 
t 
string strcontent- Server.HtmlEncode (TextBox?.Text); 
strcontent- strcontent.Replace ("ArWn", "«br»"); 
"ji 
Strcontent- strcontent.Replace (" ", "&nbsp;"); 
String strtitle- Server.HtmlEncode (TextBoxl.Text); 
strtitle- strtitle.Replace ("\r\n" 
strtitle-strtitle.Replace("'", " ; 
strtitle-strtitle.Replace(" ", "&nbsp;"); 
tbNew tbn-new tbNew() ; 
tbn.Content- strcontent; 
tbn.Title-strtitle; 


strcontent- strcontent.Replace ("'", 


tbn.Style- new tbStylManager () .GetStyleById (Convert.ToInt32 (Request .QueryString 
["id"])); 
tbn.IssueDate- DateTime.Now.ToLocalTime (); 
string FileName- this.FileUploadl.FileName; 
if(FileName.Trim().Trim().Length !=0) 
t 
int n-FileName.LastIndexOf ("."); 
tbn.Imageid- FileName.Substring(0, n); 
string strpath- Server.MapPath|("../image/NewConvers/"* FileName); 
FileUploadl.PostedFile.SaveAs (strpath); // 把 图 片 保 存在 此 路 径 中 
} 
if (new tbNewManager () .InsertNew (tbn) ) 
t 
Page.ClientScript.RegisterStartupScript (this.GetType (), "", "alert (' A 
3r; ", true); 


Page.ClientScript.RegisterStartupScript (this.GetType (), "", "alert (' 插 入 失 
«t 


", true); 
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protected void Button2 Click(object sender, EventArgs e) 
t 


TextBoxl.Text- ""; 
TextBox2.Text- ""; 
} 


【步骤 5】 页 面 浏览 如 图 10. 8 所 示 。 


新 闻 添加 『 创 业 教育 J 
(控制 在 15 个 字符 


图 10.8 NewAdd 页 面 
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